示例代碼:

angular.module("myTest",?[]).directive('multipleIdentityNo',?[function?()?{return?{require:?"ngModel",link:?function?(scope,?element,?attr,?ngModel)?{if?(ngModel)?{var?emailsRegexp?=?/^/d{17}[X0-9]{1}$/;?//校驗身-份-s-證號碼}var?customValidator?=?function?(value)?{var?validity?=?ngModel.$isEmpty(value)?||?emailsRegexp.test(value);ngModel.$setValidity("multipleIdentityNo",?validity);return?validity???value?:?undefined;};ngModel.$formatters.push(customValidator);ngModel.$parsers.push(customValidator);}};}])

前端代碼:

<input?class="form-control"?name="identityNo"??type="text"?multiple-Email-No? ng-model="identityNo"??placeholder="身-份-s-證號碼"/>

那么重點來了:

如果

指令名?:multipleIdentityNo?為三個單詞組成

那么

前端使用時必須使用"-"?分割每個單詞(單詞不區分大小寫,反正最后還是會轉為小寫)?如:multiple-Email-No

轉載于:https://blog.51cto.com/11101010211/1630564

總結

以上是生活随笔為你收集整理的angular 自定义检验valid的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。