AngulairJS表單輸入驗證

1.表單中，常用的驗證操作有：$dirty 表單有填寫記錄、$valid 字段內容合法的、$invalid 字段內容是非法的、$pristine 表單沒有填寫記錄、$error 表單驗證不通過的錯誤驗證信息.

2.驗證時，需給表單及需要驗證的input設置name屬性

給form和input設置name後，會將form表單信息，默認綁定到$scope作用域中。故，可以使用formName.inputname.$驗證操作得到驗證結果

例如：formName.inputName.$dirty="true"表單被填過

formName.inputName.$valid="true"表單輸入不合法

formName.inputName.$error.required="true"表單必填但未填

$error支持的驗證required/minlength/maxlength/pattern/email/number/date/url等

3.為避免沖突，例如使用type="email" 時，H5也會進行驗證操作。如果只想使用AngulaiJS驗證，3.為避免沖突，例如使用type="email" s時，H5也會進行驗證操作。如果只想使用AngulaiJS驗證。

總體流程是，先布局，再給input設置name等屬性，在提示位置加入ng-show等屬性達到想要的效果。

AngularJS中的mvc

model(模型)：應用程序中用於處理數據的部分。（保存或修改數據到數據庫的，變量等）。AngularJS中的model特指的是數據：數據
view(視圖)：用戶看到的用於顯示數據的頁面

工作原理：用戶從視圖層發出請求，controller接收到請求後轉發給model處理，model處理完後返回後給controller,並在view層
反饋給用戶。

具體流程是：

創建一個angular模塊，即ng-app所綁定部分,需傳遞兩個參數：

①模塊名稱，即ng-app所需要綁定的名稱。ng-app="myapp"

②數組：需要註入的模塊名稱，不要可為空

在angular模塊上，創建一個控制器controller,需要傳遞兩個參數
①controller名稱即ng-controller所需要綁定的名稱。ng-controller="mycontroller"
②controller的構造函數。構造函數可以傳入多個參數，包括$scope/$rootScope以及各種系統內置對象；


[AngularJS中的作用域]
①$scope:局部作用域，聲明在$scope上的屬性和方法只能在當前controller中使用；
②$rootScope:根作用域，聲明在$rootscope上的屬性和方法可以在ng-app所包含的任何部分使用（無論是否同一個cntroller或是否在
controller包含範圍中
若沒有使用$scope聲明變量而直接在html中使用ng-model變量的作用域為
1如果ng-model在某個ng-controller中則此變量會默認綁定到大跟前controller 的$sope上
2.如果bg-model沒有任何一個ng-controller中，則此變量綁定在$rootscope上；

AngulairJS表單輸入驗證與mvc