[Java学习笔记]Validate.js插件的使用

Validate

表单验证插件（validate.js），是一款验证常规表单数据合法性的插件。使用该插件可以极大的简化了在表单上繁杂的验证过程，并且错误提示显示的完善也增加了用户体验。

使用步骤

第一步需要引入jquery以及下载的validate.js（jquery需要在插件之前引入）

 <script type="text/javascript" src="jquery-2.2.3.js"></script>
 <script type="text/javascript" src="jquery.validate.js"></script>

第二步：在 JS 文件对相应的form调用validate()

$('#reg').validate();

JS 键值对传参方式

$(function(){

    $('#reg').validate({

        rules : {
            user : {
                    required : true, 
                    minlength : 2
                    },
            email : {
                    required : true,
                    email : true
                    }
                },          

        messages : {
            user : {
                    required : '帐号不得为空！',   // 提示信息可以自己定义
                    minlength : '帐号不得小于 2 位！',
                    },
            email : {
                    required : '帐号不得为空！',  
                    email : '注意！请输入正确的邮箱格式',
                    },
                    }
          });
});

addMethod(name,method,message)方法

我们可以用 addMethod 来添加除内置的 Validation 方法之外的验证方法。比如有一个字段，只能输一个字母，范围是 a-f，写法如下：

• 参数 name 是添加的验证方法的名字。
• 参数 method 是一个函数，接收三个参数 (value,element,param) 。 value 是元素的值，element
  是元素本身，param 是参数。决定了用这个验证方法的标准
• 参数message，是自定义的错误提示，这里的提示为:“必须是一个字母,且a-f”。

$.validator.addMethod("af",function(value,element,params){  
    if(value.length>1){
        return false;
    }
    if(value>=params[0] && value<=params[1]){
        return true;
    }else{
        return false;
    }
},"必须是一个字母,且a-f");

如果有个表单字段的 id=“username”，则在 rules 中写：

username:{
   af:["a","f"]
}

如果只有一个参数，直接写，比如 af:“a”，那么 a 就是这个唯一的参数，如果多个参数，则写在 [] 里，用逗号分开。