jQuery.validate 验证插件

jQuery.validate使用方法

本来像写点正则来验证可以锻炼下自己，但是有了小车谁还走路.....

刚开始接触jQuery.validate的时候满头雾水。整整研究了一上午才有点懂得，赶快做了个笔记怕忘记了

从头开始

步骤1：引入jQuery.validatejs然后自己把messag参数覆盖

$.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}的值"),

alphanumeric:"字母、数字、下划线",
lettersonly:"必须是字母",
phone:"数字、空格、括号"
});

})(jQuery);

在页面引入改js文件之后之后的判断都会按我们自己默认的来提示

步骤2：在页面加入以下js

<scripttype="text/javascript">
$(function(){
$("#regFrom").validate({
rules:{
controlID:{
required:true,
email:true
}
},
messages:{
controlID:{
required:"Pleaseenterausername",
email:"Yourusernamemustconsistofatleast2characters"
}
},
submitHandler:function(form){
//这是表到通过验证之后执行的方法
alert('通过');
}
});
})

</script>

其中rules下是个对象，

controlID是需要验证的控件ID
他的内容也是个对象存放需要验证的格式
required是必填email是验证email

messages也是个对象一般情况下不用加这个对象因为我们之前写的messag已经把这参数覆盖了

submitHandler是表单验证通过之后执行的方法

functionalertVil(){
　　alert($("#regFrom").valid());
}

$("#FromID").valid()这样可以判断表单是否通过了验证