angularJs的表單驗證

"utf-8

">
" ng-controller="
validatectrl
"name="
myform
" novalidate>
使用者名稱:
"text
" name="
user
" ng-model="
user
" required>
"color:red
" ng-show="
myform.user.$dirty && myform.user.$invalid
">
"myform.user.$error.required
">使用者名稱是必須的。
email
" name="
email
" ng-model="
email
" required>
"color:red
" ng-show="
myform.email.$dirty && myform.email.$invalid
">
"myform.email.$error.required
">郵箱是必須的。
"myform.email.$error.email
">非法的郵箱。
"submit
"ng-disabled="
myform.user.$dirty && myform.user.$invalid ||
myform.email.$dirty && myform.email.$invalid"
>
', );
'validatectrl
', function($scope) );

模型物件有兩個屬性：user和email。

我們使用了ng-show指令， color:red 在郵件的$dirty或$invalid都為 true 時才顯示。

angularjs是乙個運算元據的框架，不是對樣式也進行操作，所以如果需要樣式需要引入其他的框架

效果：

posted @

2019-02-25 14:33

動手的程式設計師 閱讀(

...)

編輯收藏

angularjs表單驗證

為了介面顯示的更加完美，這裡也引入了bootstrap index.html main.js controller signupcontroller function scope scope.submitform function directive compare function o.stric...

AngularJS之表單驗證

當從使用者那裡得到輸入的時候，給使用者乙個視覺上的反饋很重要。表單驗證的目的是為了給予反饋，同樣也是為了得到正確的輸入。在表單校驗上，angularjs既支援html5地混合表單校驗，當然還有自帶的用來校驗的directives.angularjs 使我們不用做很多額外得工作，就能夠不費吹灰之力地處...

表單自定義驗證 AngularJs

事實上我覺得 響應式表單必定比模板式表單好用一些 官方文件 demo a hero s name can t match the given regular expression export function forbiddennamevalidator namere regexp validat...