1. 程式人生 > >表單校驗的值$valid、$invalid、$pristine和$dirty

表單校驗的值$valid、$invalid、$pristine和$dirty

狀態 ng- 愛好 定義 ida from 用戶操作 num $set

angular內置了一套表單校驗,其中包含幾個狀態

① valid、invalid、pristine和dirty
  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來驗證用戶輸入,從而過濾掉非數字輸入。這完全取決於你的愛好,沒有硬性規定,只是選擇多一些罷了。

表單校驗的值$valid、$invalid、$pristine和$dirty