表單校驗的值$valid、$invalid、$pristine和$dirty
阿新 • • 發佈:2017-09-27
狀態 ng- 愛好 定義 ida from 用戶操作 num $set
valid標記表單元素有效;
invalid標記表單元素無效;
pristine表示表單元素是純凈的,用戶未操作過;
dirty表示表單元素是已被用戶操作過;
② 更改css屬性
.ng-pristine {}
.ng-dirty {}
.ng-valid {}
.ng-invalid {} $scope.infoFrom.$setPristine(); //設置表單為未編輯的純凈狀態 $scope.infoFrom.name.$setDirty(); //設置表單為用戶已經編輯過得【臟】狀態 去掉瀏覽器驗證 <form name="infofrom" novalidate >
</from>
(4) 註意事項
①novalidate
標準瀏覽器如火狐,谷歌等對HTML5有很好的支持。眾所周知,HTML5中input的type屬性已經具備了驗證功能。如果你要自己定義驗證方式,那麽請加上novalidate屬性,以此避開瀏覽器自行驗證。
②type類型
HTML5的type屬性可以包含text、email、number等,但是angular又內部重寫了這些屬性,所以放心大膽的去用吧,angular完全可以滿足你所有的驗證。
③type="number"還是ng-pattern="/^[0-9]{6}$/"
你可以使用type="number"來限制輸入框只能輸入數字,當然你也可以用ng-pattern來驗證用戶輸入,從而過濾掉非數字輸入。這完全取決於你的愛好,沒有硬性規定,只是選擇多一些罷了。
angular內置了一套表單校驗,其中包含幾個狀態
① valid、invalid、pristine和dirtyvalid標記表單元素有效;
invalid標記表單元素無效;
pristine表示表單元素是純凈的,用戶未操作過;
dirty表示表單元素是已被用戶操作過;
② 更改css屬性
.ng-pristine {}
.ng-dirty {}
.ng-valid {}
.ng-invalid {} $scope.infoFrom.$setPristine(); //設置表單為未編輯的純凈狀態 $scope.infoFrom.name.$setDirty(); //設置表單為用戶已經編輯過得【臟】狀態 去掉瀏覽器驗證 <form name="infofrom" novalidate
①novalidate
標準瀏覽器如火狐,谷歌等對HTML5有很好的支持。眾所周知,HTML5中input的type屬性已經具備了驗證功能。如果你要自己定義驗證方式,那麽請加上novalidate屬性,以此避開瀏覽器自行驗證。
②type類型
HTML5的type屬性可以包含text、email、number等,但是angular又內部重寫了這些屬性,所以放心大膽的去用吧,angular完全可以滿足你所有的驗證。
③type="number"還是ng-pattern="/^[0-9]{6}$/"
你可以使用type="number"來限制輸入框只能輸入數字,當然你也可以用ng-pattern來驗證用戶輸入,從而過濾掉非數字輸入。這完全取決於你的愛好,沒有硬性規定,只是選擇多一些罷了。
表單校驗的值$valid、$invalid、$pristine和$dirty