jquery validate表单验证

jQuery validate 为表单验证提供了很多的便利

常用的校验规则rules:

规则	描述	默认提示
required : true	必须输入的字段	“This field is required.”
email : true	必须输入正确格式的电子邮件	“Please enter a valid email address.”
equalTo : “#field”	输入值必须和#field相同	“Please enter the same value again.”
maxlength : 5	输入长度最多为5字符（汉字算一个）	$.validator.format( “Please enter no more than {0} characters.” )
minlength : 10	输入长度最少为10字符（汉字算一个）	$.validator.format( “Please enter at least {0} characters.” )
remote : “check.php”	使用ajax方法调用验证输入值方法	“Please fix this field.”
date:true	必须输入正确格式的日期。日期校验 ie6 出错，慎用	“Please enter a valid date.”
url:true	必须输入正确格式的网址	“Please enter a valid URL.”
number:true	必须输入合法的数字（负数，小数）	“Please enter a valid number.”
digits:true	必须输入整数	“Please enter only digits.”

validate()的可选项(用过的)

• rules：自定义规则，key:value 的形式，key 是要验证的元素，value 可以是字符串或对象。
• messages：自定义的提示信息，key:value 的形式，key 是要验证的元素，value 可以是字符串或函数。
• submitHandler：通过验证后运行的函数，里面要加上表单提交的函数，否则表单不会提交
• success：要验证的元素通过验证后的动作，如果跟一个字符串，会当作一个 css 类，也可跟一个函数。
• highlight：可以给未通过验证的元素加效果、闪烁等。
• errorPlacement：跟一个函数，可以自定义错误放到哪里。

代码：

errorPlacement: function(error, element){
	error.appendTo("p");
}

• error 为错误信息
• element 为节点

注意点！

这里有一个问题值得注意，好像vue和validate不能一起用