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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章