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

最新推荐文章于 2025-11-18 00:24:36 发布

最新推荐文章于 2025-11-18 00:24:36 发布 · 260 阅读

文章标签：

#jQuery #JavaScript #Google #C #C++ #ViewUI

JS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用JQuery Validate插件创建自定义验证规则。通过一个实例展示了如何添加一个名为regex的验证方法，该方法确保输入字段符合指定的正则表达式格式。此外，还演示了如何设置必填项、电子邮件格式验证及远程验证等功能。

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>