表單驗證——筆記

weixin_34075268發表於2017-10-11

1.HTML5的form屬性結合angularJS的ng-disabled來進行表單的輸入驗證,

看例子


6039122-7aece7cd2c28ee24.png


6039122-4ef14faa02c0d020.png

設定form屬性標籤,name="myform",輸入框也設定一個form屬性,name="normalScore",並添上必填required,在提交按鈕上繫結ng-disabled="!myform.$valid",這樣如果輸入框沒有填入內容,按鈕就是不可點選的狀態;另外,在輸入框的lable上繫結一個ng-class,如果沒輸入內容,前面有個小紅心就不會消失,或者也可以讓輸入框變紅,也都是結合了ng-class與form屬性來做驗證提示的

相關文章