`
zarger
  • 浏览: 14875 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

JQuery强大的Validator扩展,附addMethod实例

    博客分类:
  • JS
阅读更多

Jquery 的扩展Validate包很强大,可以方便的进行提供字段验证,更为重要的是,可以创建自己的规则:

 

如下例,为validator创建了一个名为regex的规则,规定输入的字段必须满足regex里指定的格式。

 

更多信息可以参考http://docs.jquery.com/Plugins/validation

不过这个addMethod方法,官方文档讲得不是很清楚,这个是经过google并且实验过可以使用的

 

<script type="text/javascript">
//INS-99
$.validator.addMethod(
        "regex",
        function(value, element, regexp) {
            var check = false;
            var re = new RegExp(regexp);
            return this.optional(element) || re.test(value);
        },
        "Only characters allowed."
);

var validator = $("#accountform").validate( {                                                     
      rules: {                                                                     
          firstname: {required: true, regex: /^[A-Za-z]+$/},                                                   
          lastname: {required: true, regex: /^[A-Za-z]+$/},                                                 
          email: { required: true, email: true, remote: {                          
              url: "/biz411/api/email_acceptable",
              type: "POST",                                                        
              data: {                                                              
                  email: function () { return $("#email").val(); },                
                  c: "api",                                                        
                  m: "email_acceptable"                                            
              } }                                                                  
          },                                                                       
          authword: { required: true },                                            
          authwordAgain: { equalTo: "#authword" }                                 
      },                                                                           
      messages: {                                                                  
          authwordAgain: "Passwords do not match.",                                
          email: { remote: "This email address is already registered." }
      }
} );
</script>
 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics