validate

JQueryvalidate验证规则

//定义中⽂消息

varcnmsg={

required:“必选字段”,

remote:“请修正该字段”,

email:“请输⼊正确格式的电⼦邮件”,

url:“请输⼊合法的⽹址”,

date:“请输⼊合法的⽇期”,

dateISO:“请输⼊合法的⽇期(ISO).”,

number:“请输⼊合法的数字”,

digits:“只能输⼊整数”,

creditcard:“请输⼊合法的信⽤卡号”,

equalTo:“请再次输⼊相同的值”,

accept:“请输⼊拥有合法后缀名的字符串”,

maxlength:.format(“请输⼊⼀个长度最多是{0}的字符串”),

minlength:.format(“请输⼊⼀个长度最少是{0}的字符串”),

rangelength:(“请输⼊⼀个长度介于{0}和{1}之间的字符串”),

range:(“请输⼊⼀个介于{0}和{1}之间的值”),

max:(“请输⼊⼀个最⼤为{0}的值”),

min:(“请输⼊⼀个最⼩为{0}的值”)

};

(es,cnmsg);

JqueryValidate验证规则

(1)required:true必输字段

(2)remote:”check.”使⽤ajax⽅法调⽤check.验证输⼊值

(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

JqueryValidate⾃定义验证规则

addMethod(name,method,message)⽅法：

参数name是添加的⽅法的名字

参数method是⼀个函数,接收三个参数(value,element,param)value是元素的值,element是元素本⾝param

是参数,我们可以⽤addMethod来添加除built-inValidationmethods之外的验证⽅法⽐如有⼀个字段,只

能输⼀个字母,范围是a-f,写法如下:

$.hod(“af”,function(value,element,params){

if(>1){

returnfal;

}

if(value>=params[0]&&value<=params[1]){

returntrue;

}el{

returnfal;

}

},”必须是⼀个字母,且a-f”);

⽤的时候,⽐如有个表单字段的id=”urname”,则在rules中写

urname:{

af:["a","f"]

}

⽅法

addMethod的第⼀个参数,就是添加的验证⽅法的名⼦,这时是af

addMethod的第三个参数,就是⾃定义的错误提⽰,这⾥的提⽰为:”必须是⼀个字母,且a-f”

addMethod的第⼆个参数,是⼀个函数,这个⽐较重要,决定了⽤这个验证⽅法时的写法

如果只有⼀个参数,直接写,如果af:”a”,那么a就是这个唯⼀的参数,如果多个参数,⽤在[]⾥,⽤逗号分开

JqueryValidatesubmit提交

submitHandler:

通过验证后运⾏的函数,⾥⾯要加上表单提交的函

数,否则表单不会提交

$(".lector").validate({

submitHandler:function(form){

$(form).ajaxSubmit();//⽤JqueryForm的函数

}

})

JqueryValidateerror错误提⽰dom

.errorPlacement：CallbackDefault:把错误信息放在验证的元素后⾯

指明错误放置的位置，默认情况是：To(());即把错误信息放在验证的元素后⾯

errorPlacement:function(error,element){

To(());

}

设置错误提⽰的样式，可以增加图标显⽰，like：

{border:1pxsolidred;}

{

background:url(“./demo/images/”)no-repeat0px0px;

padding-left:16px;

padding-bottom:2px;

font-weight:bold;

color:#EA5200;

}

附录：常⽤的⾃定义验证规则

//字符验证

hod(“stringCheck”,function(value,element){

al(element)||/^[u0391-uFFE5w]+$/.test(value);

},”只能包括中⽂字、英⽂字母、数字和下划线”);

//中⽂字两个字节

hod(“byteRangeLength”,function(value,element,param){

varlength=;

for(vari=0;i<;i++){

if(deAt(i)>127){

length++;

}

}

al(element)||(length>=param[0]&&length<=param[1]);

},”请确保输⼊的值在3-15个字节之间(⼀个中⽂字算2个字节)”);

//⾝份证号码验证

hod(“isIdCardNo”,function(value,element){

al(element)||isIdCardNo(value);

},”请正确输⼊您的⾝份证号码”);

//⼿机号码验证

hod(“isMobile”,function(value,element){

varlength=;

varmobile=/^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/;

al(element)||(length==11&&(value));

},”请正确填写您的⼿机号码”);

//电话号码验证

hod(“isTel”,function(value,element){

vartel=/^d{3,4}-?d{7,9}$/;//电话号码格式

al(element)||((value));

},”请正确填写您的电话号码”);

//联系电话(⼿机/电话皆可)验证

hod(“isPhone”,function(value,element){

varlength=;

varmobile=/^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/;

vartel=/^d{3,4}-?d{7,9}$/;

al(element)||((value)||(value));

},”请正确填写您的联系电话”);

//邮政编码验证

hod(“isZipCode”,function(value,element){

vartel=/^[0-9]{6}$/;

al(element)||((value));

},”请正确填写您的邮政编码”);

functionisIdCardNo(num){

varfactorArr=newArray(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);

varparityBit=newArray(“1″,”0″,”X”,”9″,”8″,”7″,”6″,”5″,”4″,”3″,”2″);

varvarArray=newArray();

varintValue;

varlngProduct=0;

varintCheckDigit;

varintStrLen=;

varidNumber=num;

//initialize

if((intStrLen!=15)&&(intStrLen!=18)){

returnfal;

}

//checkandtvalue

for(i=0;i

varArray[i]=(i);

if((varArray[i]<’0′||varArray[i]>’9′)&&(i!=17)){

returnfal;

}elif(i<17){

varArray[i]=varArray[i]*factorArr[i];

}

}

if(intStrLen==18){

//checkdate

vardate8=ing(6,14);

if(isDate8(date8)==fal){

returnfal;

}

//calculatethesumoftheproducts

for(i=0;i<17;i++){

lngProduct=lngProduct+varArray[i];

}

//calculatethecheckdigit

intCheckDigit=parityBit[lngProduct%11];

//checklastdigit

if(varArray[17]!=intCheckDigit){

returnfal;

}

}

el{//lengthis15

//checkdate

vardate6=ing(6,12);

if(isDate6(date6)==fal){

returnfal;

}

}

returntrue;

}

functionisDate6(sDate){

if(!/^[0-9]{6}$/.test(sDate)){

returnfal;

}

varyear,month,day;

year=ing(0,4);

month=ing(4,6);

if(year<1700||year>2500)returnfal

if(month<1||month>12)returnfal

returntrue

}

functionisDate8(sDate){

if(!/^[0-9]{8}$/.test(sDate)){

returnfal;

}

varyear,month,day;

year=ing(0,4);

month=ing(4,6);

day=ing(6,8);

variaMonthDays=[31,28,31,30,31,30,31,31,30,31,30,31]

if(year<1700||year>2500)returnfal

if(((year%4==0)&&(year%100!=0))||(year%400==0))iaMonthDays[1]=29;

if(month<1||month>12)returnfal

if(day<1||day>iaMonthDays[month-1])returnfal

returntrue

}

//⾝份证号码验证

hod(“idcardno”,function(value,element){

al(element)||isIdCardNo(value);

},“请正确输⼊⾝份证号码”);

//字母数字

hod(“alnum”,function(value,element){

al(element)||/^[a-zA-Z0-9]+$/.test(value);

},“只能包括英⽂字母和数字”);

//邮政编码验证

hod(“zipcode”,function(value,element){

vartel=/^[0-9]{6}$/;

al(element)||((value));

},“请正确填写邮政编码”);

//汉字

hod(“chcharacter”,function(value,element){

vartel=/^[u4e00-u9fa5]+$/;

al(element)||((value));

},“请输⼊汉字”);

//字符最⼩长度验证（⼀个中⽂字符长度为2）

hod(“stringMinLength”,function(value,element,param){

varlength=;

for(vari=0;i<;i++){

if(deAt(i)>127){

length++;

}

}

al(element)||(length>=param);

},$.(“长度不能⼩于{0}!”));

//字符最⼤长度验证（⼀个中⽂字符长度为2）

hod(“stringMaxLength”,function(value,element,param){

varlength=;

for(vari=0;i<;i++){

if(deAt(i)>127){

length++;

}

}

al(element)||(length<=param);

},$.(“长度不能⼤于{0}!”));

//字符验证

hod(“string”,function(value,element){

al(element)||/^[u0391-uFFE5w]+$/.test(value);

},“不允许包含特殊符号!”);

//⼿机号码验证

hod(“mobile”,function(value,element){

varlength=;

al(element)||(length==11&&/^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/.test(value));

},“⼿机号码格式错误!”);

//电话号码验证

hod(“phone”,function(value,element){

vartel=/^(d{3,4}-?)?d{7,9}$/g;

al(element)||((value));

},“电话号码格式错误!”);

//邮政编码验证

hod(“zipCode”,function(value,element){

vartel=/^[0-9]{6}$/;

al(element)||((value));

},“邮政编码格式错误!”);

//必须以特定字符串开头验证

hod(“begin”,function(value,element,param){

varbegin=newRegExp(“^”+param);

al(element)||((value));

},$.(“必须以{0}开头!”));

//验证两次输⼊值是否不相同

hod(“notEqualTo”,function(value,element,param){

returnvalue!=$(param).val();

},$.(“两次输⼊不能相同!”));

//验证值不允许与特定值等于

hod(“notEqual”,function(value,element,param){

returnvalue!=param;

},$.(“输⼊值不允许为{0}!”));

//验证值必须⼤于特定值(不能等于)

hod(“gt”,function(value,element,param){

returnvalue>param;

},$.(“输⼊值必须⼤于{0}!”));