jquery validate强大的jquery表单验证插件

jqueryvalidate表单验证如何调用？

一。引用jquery.min.js和jquery.validate.js

二、js调用代码如下：

$(function(){
//$('.js-form')是你的表单的类名或者id，如果是id的话就是$('#js-form')
//submitHandler就是表单验证通过的时候执行里面的函数
$('.js-form').validate({
submitHandler:function(form){
var$form=$(form),
data=$form.serialize();//序列化表单数据
//这里是jquery表单验证通过的时候执行的操作，比如这里，表单验证通过的时候执行了jquery的ajax的post操作
$.post('js/test.json',{data:data},function(d){
if(d.Flag){
alert("如果返回为真，将执行这里代码")
}else{

}
},'json');
}
});
})

jqueryvalidate默认验证规则的提示语中文化：

$.extend($.validator.messages,{
required:"必填",
remote:"请修正该字段",
email:"电子邮件格式不正确",
url:"网址格式不正确",
date:"日期格式不正确",
dateISO:"请输入合法的日期(ISO).",
number:"请输入数字",
digits:"只能输入整数",
creditcard:"请输入合法的信用卡号",
equalTo:"请再次输入相同的值",
accept:"请输入拥有合法后缀名的字符",
maxlength:$.validator.format("请输入一个长度最多是{0}的字符"),
minlength:$.validator.format("请输入一个长度最少是{0}的字符"),
rangelength:$.validator.format("请输入一个长度介于{0}和{1}之间的字符"),
range:$.validator.format("请输入一个介于{0}和{1}之间的值"),
max:$.validator.format("请输入一个最大为{0}的值"),
min:$.validator.format("请输入一个最小为{0}的值")
});

validate默认的验证规则中文解释：

(1)required:true必输字段
(2)remote:”check.php”使用ajax方法调用check.php验证输入值
(3)email:true必须输入正确格式的电子邮件
(4)url:true必须输入正确格式的网址
(5)date:true必须输入正确格式的日期
(6)dateISO:true必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22只验证格式，不验证有效性
(7)number:true必须输入合法的数字(负数，小数)
(8)digits:true必须输入整数
(9)creditcard:必须输入合法的信用卡号
(10)equalTo:”#field”输入值必须和#field相同
(11)accept:输入拥有合法后缀名的字符串（上传文件的后缀）
(12)maxlength:5输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10]输入长度必须介于5和10之间的字符串”)(汉字算一个字符)
(15)range:[5,10]输入值必须介于5和10之间
(16)max:5输入值不能大于5
(17)min:10输入值不能小于10

自定义validate表单验证规则：

以邮箱验证规则为例：

jQuery.validator.addMethod("mail",function(value,element){
varmail=/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$/;
returnthis.optional(element)||(mail.test(value));
},"邮箱格式不对");

$("#wageSet-create-form").validate({
ignore:"ignore",//验证所有元素
}}

再多的文字说明都不如看演示来的直接，jqueryvalidate表单验证演示：

jqueryvalidate中文API，仅供参考：(这个中文API有点老了，但是大部分依然适用)