常用的表單驗(yàn)證指令:
1.必填的表單驗(yàn)證指令:
某個(gè)表單輸入是否已填寫(xiě)疾忍,只要在輸入字段元素上添加HTML5標(biāo)記required即可:
<input type="text" required />
?最小長(zhǎng)度:
驗(yàn)證表單輸入的文本長(zhǎng)度是否大于某個(gè)最小值,在輸入字段上使用指令ng-minleng= "{number}":
<input type="text" ng-minlength="5"/>
最大長(zhǎng)度:
<input type="text" ng-maxlength="20"/>
模式匹配
使用ng-pattern="/PATTERN/"來(lái)確保輸入能夠匹配指定的正則表達(dá)式:
<input type="text" ?ng-pattern="/ [a-zA-Z]/"/>
電子郵件:
驗(yàn)證輸入內(nèi)容是否是電子郵件黑滴,只要像下面這樣將input的類(lèi)型設(shè)置為email即可:
<input type="email" name="email" ng-model="use.email"/>
數(shù)字:
驗(yàn)證輸入內(nèi)容是否是數(shù)字,將input的類(lèi)型設(shè)置為number:
<input type="number" name="age" ng-model="user.age"/>
URL
驗(yàn)證輸入內(nèi)容是否是URL,將input的類(lèi)型設(shè)置為 url:
<input type="url" name="page" ng-model="user.facebook_url"/>