首页 > 其他 > 详细

angular 自定义检验valid

时间:2015-04-09 17:43:29      阅读:301      评论:0      收藏:0      [点我收藏+]

示例代码:


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


本文出自 “aove” 博客,请务必保留此出处http://11101010211.blog.51cto.com/9388902/1630564

angular 自定义检验valid

原文:http://11101010211.blog.51cto.com/9388902/1630564

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!