angular 自定義檢驗valid

示例代碼:

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