AngularJS複習------表單驗證

標籤：匹配   指令   validate   需要   ova   元素   複習   mail   標記   

在AngularJS中能夠將HTML5表單驗證功能同自己的驗證指令結合起來使用，這裡介紹使用的核心功能。

1. 使用表單驗證，首先要確保表單的每個控制項都有name屬性
2. 如果想要屏蔽瀏覽器對錶單的預設驗證行為，可以在表單元素上添加novalidate標記。

必填項；只需要在輸入欄位元素上添加HTML5標記 required即可

最小長度；在輸入欄位上使用AngularJS指令ng-minlength="{number}"

最大長度；在輸入欄位上使用AngularJS指令ng-maxlength="{number}"

模式比對；使用ng-pattern="[a-zA-Z]"來確保輸入能夠匹配指定的Regex

電子郵件；只要將input的類型設定為email即可

數字；將input的類型設定為number

URL;驗證輸入內容是否是url地址，將input類型設定為url

 

AngularJS複習------表單驗證