jQuery：validation（为规则自定义错误提示信息）、自定义校验规则（简单了解）

自定义错误提示信息

message可以为已经订好的规则自定义错误提示信息：

<script type="text/javascript">
	$(function () {
		//为指定表单加入校验
		$("#表单ID").validate({
                rules:{
                   name1:{
                       规则1:规则值,
                       规则2:规则值
					}		
				},
				
     		// 自定义提示信息和rules同级
                messages:{
                //需要更改的仅仅是自定义错误信息
                   name1:{
                       规则1:"自定义错误信息"
              		  }
				}
			});
		});
</script>

拿上一个表单校验示例代码：

1.在浏览器界面，按F12调出控制台，看到下列代码：

2.点击“注册”按钮，当校验不通过时，会自己生成一个< label>< /label>标签，

可以使用CSS来调整提示信息的颜色

代码示例：
这里只修改自定义用户名的错误提示信息，其他的都类似

		<script>
  			$(function(){
  				//选取表单f1，调用validate()方法
  				$("#f1").validate({
  					//添加校验规则
  					rules:{
  						//用户名必填、2-6个长度
  						username:{
  							required:true,
  							rangelength:[2,6]
  						},
  						//邮箱
  						email:{
							email:true
						},
  						//出生日期
  						birthday:{
						dateISO:true
						},
						//工资
						sal:{
							number:true
						},
						//一天工作时长（值范围6~16）
						workForday:{
							range:[6,16]
						},
						//密码（必须填写）
						pwd:{
							required:true
						},
						//确认密码（必须填写，且与密码值要相同）
						repwd:{
							required:true,
							equalTo:pwd
						}
  					},
  					//自定义错误提示信息
  					messages:{
  						username:{
  							required:"用户名必须填写！！"
  						}
  					}
  				})
  			})
		</script>

• 在range和rangelength自定义时，可以动态取值，
• {0}是取第一个，{1}是取第二个。

range:[3,6]
range:"注意劳逸结合，一天学习不要低于{0}个小时，但也不要超过{1}个小时"

自定义校验规则

如果希望自定义校验规则，需要在为表单加入校验之前，
使用 $.validator.addMethod() 方法。

$.validator.addMethod(name , method , message);

	参数1：name：校验规则的名称。例如：required  range
	参数2：method：执行校验时调用的函数。
			//参数value：表单项的value值。
			//参数ele：被校验的表单项对象。  一般不用
			//参数params：使用当前校验规则传递的值。
	例如：rules : { 规则1: 规则值 params }
		function(value , ele , params ){
			//该方法必须返回true或者false
			//返回true，意味着符合规则
			//返回false，意味着不符合规则，阻止表单提交，同时展示错误信息
		} 
	参数3：message：校验未通过时的提示信息

代码示例

//为表单加入自定义校验规则
	$.validator.addMethod("idNumber",
	function(value,ele,params){
		//value：表单输入项的值
		//身份证正则表达式
		var req = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
		//判断表单输入项的值是否符合正则表达式
		return req.test(value);
	},"您输入的身份号格式不正确！！！");

//使用
//校验身份证号
		idNumber:{
             required:true,
			idNumber:true
		}