2023年6月21日发(作者:)

JQueryvalidate验证规则//定义中⽂消息var cnmsg = {required: “必选字段”,remote: “请修正该字段”,email: “请输⼊正确格式的电⼦邮件”,url: “请输⼊合法的⽹址”,date: “请输⼊合法的⽇期”,dateISO: “请输⼊合法的⽇期 (ISO).”,number: “请输⼊合法的数字”,digits: “只能输⼊整数”,creditcard: “请输⼊合法的信⽤卡号”,equalTo: “请再次输⼊相同的值”,accept: “请输⼊拥有合法后缀名的字符串”,maxlength: (“请输⼊⼀个长度最多是 {0} 的字符串”),minlength: (“请输⼊⼀个长度最少是 {0} 的字符串”),rangelength: (“请输⼊⼀个长度介于 {0} 和 {1} 之间的字符串”),range: (“请输⼊⼀个介于 {0} 和 {1} 之间的值”),max: (“请输⼊⼀个最⼤为 {0} 的值”),min: (“请输⼊⼀个最⼩为 {0} 的值”)};(es, cnmsg); Jquery Validate 验证规则(1)required:true 必输字段(2)remote:”” 使⽤ajax⽅法调⽤验证输⼊值(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 Jquery Validate ⾃定义验证规则addMethod(name,method,message)⽅法:参数name 是添加的⽅法的名字参数method是⼀个函数,接收三个参数(value,element,param) value 是元素的值,element是元素本⾝param是参数,我们可以⽤addMethod 来添加除built-in Validation methods 之外的验证⽅法⽐如有⼀个字段,只能输⼀个字母,范围是a-f,写法如下:$.hod(“af”,function(value,element,params){if(>1){return false;}if(value>=params[0]&&value<=params[1]){return true;}else{return false;}},”必须是⼀个字母,且a-f”);⽤的时候,⽐如有个表单字段的id=”username”,则在rules 中写username:{af:["a","f"]}⽅法addMethod 的第⼀个参数,就是添加的验证⽅法的名⼦,这时是afaddMethod 的第三个参数,就是⾃定义的错误提⽰,这⾥的提⽰为:”必须是⼀个字母,且a-f”addMethod 的第⼆个参数,是⼀个函数,这个⽐较重要,决定了⽤这个验证⽅法时的写法如果只有⼀个参数,直接写,如果af:”a”,那么a 就是这个唯⼀的参数,如果多个参数,⽤在[]⾥,⽤逗号分开Jquery Validate submit 提交submitHandler:通过验证后运⾏的函数,⾥⾯要加上表单提交的函数,否则表单不会提交$(".selector").validate({ submitHandler:function(form) {$(form).ajaxSubmit(); //⽤Jquery Form的函数 }})

Jquery Validate error 错误提⽰lacement:Callback Default: 把错误信息放在验证的元素后⾯指明错误放置的位置,默认情况是:To(());即把错误信息放在验证的元素后⾯errorPlacement: function(error, element) {To(());}设置错误提⽰的样式,可以增加图标显⽰,like: { border: 1px solid red; } {background:url(“./demo/images/”) no-repeat 0px0px; padding-left: 16px; padding-bottom: 2px; font-weight: bold; color: #EA5200;}附录:常⽤的⾃定义验证规则// 字符验证hod(“stringCheck”, function(value, element) {return al(element) || /^[u0391-uFFE5w]+$/.test(value);}, ”只能包括中⽂字、英⽂字母、数字和下划线”);// 中⽂字两个字节hod(“byteRangeLength”, function(value, element, param) {var length = ;for(var i = 0; i < ; i++){if(deAt(i) > 127){length++;}}return al(element) || ( length >= param[0] && length <= param[1] );}, ”请确保输⼊的值在3-15个字节之间(⼀个中⽂字算2个字节)”);// ⾝份证号码验证hod(“isIdCardNo”, function(value, element) {return al(element) || isIdCardNo(value);}, ”请正确输⼊您的⾝份证号码”);// ⼿机号码验证hod(“isMobile”, function(value, element) {var length = ;var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/;return al(element) || (length == 11 && (value));}, ”请正确填写您的⼿机号码”);// 电话号码验证hod(“isTel”, function(value, element) {var tel = /^d{3,4}-?d{7,9}$/; //电话号码格式return al(element) || ((value));}, ”请正确填写您的电话号码”);// 联系电话(⼿机/电话皆可)验证hod(“isPhone”, function(value,element) {var length = ;var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/;var tel = /^d{3,4}-?d{7,9}$/;return al(element) || ((value) || (value));}, ”请正确填写您的联系电话”);// 邮政编码验证hod(“isZipCode”, function(value, element) {var tel = /^[0-9]{6}$/;return al(element) || ((value));}, ”请正确填写您的邮政编码”);function isIdCardNo(num) {var factorArr = newArray(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);var parityBit=newArray(“1″,”0″,”X”,”9″,”8″,”7″,”6″,”5″,”4″,”3″,”2″);var varArray = new Array();var intValue;var lngProduct = 0;var intCheckDigit;var intStrLen = ;var idNumber = num;// initializeif ((intStrLen != 15) && (intStrLen!= 18)) {return false;}// check and set valuefor(i=0;i ’9′) && (i != 17)){return false;} else if (i < 17) {varArray[i] = varArray[i] * factorArr[i];}}if (intStrLen == 18) {//check datevar date8 = ing(6,14);if (isDate8(date8) == false) {return false;}// calculate the sum of the productsfor(i=0;i<17;i++) {lngProduct = lngProduct + varArray[i];}// calculate the check digitintCheckDigit = parityBit[lngProduct % 11];// check last digitif (varArray[17] != intCheckDigit) {return false;}}else{ //length is 15//check datevar date6 = ing(6,12);if (isDate6(date6) == false) {return false;}}return true;}function isDate6(sDate) {if(!/^[0-9]{6}$/.test(sDate)) {return false;}var year, month, day;year = ing(0, 4);month = ing(4, 6);if (year < 1700 || year > 2500)return falseif (month < 1 || month > 12) returnfalsereturn true}function isDate8(sDate) {if(!/^[0-9]{8}$/.test(sDate)) {return false;}var year, month, day;year = ing(0, 4);month = ing(4, 6);day = ing(6, 8);var iaMonthDays = [31,28,31,30,31,30,31,31,30,31,30,31]if (year < 1700 || year > 2500)return falseif (((year % 4 == 0) && (year % 100!= 0)) || (year % 400 == 0)) iaMonthDays[1]=29;if (month < 1 || month > 12) returnfalseif (day < 1 || day >iaMonthDays[month - 1]) return falsereturn true}//⾝份证号码验证

hod(“idcardno”, function(value, element){return al(element) || isIdCardNo(value);}, “请正确输⼊⾝份证号码”);//字母数字hod(“alnum”, function(value, element){return al(element) ||/^[a-zA-Z0-9]+$/.test(value);}, “只能包括英⽂字母和数字”); // 邮政编码验证hod(“zipcode”, function(value, element){var tel = /^[0-9]{6}$/;return al(element) || ((value));}, “请正确填写邮政编码”); // 汉字hod(“chcharacter”, function(value, element){var tel = /^[u4e00-u9fa5]+$/;return al(element) || ((value));}, “请输⼊汉字”);// 字符最⼩长度验证(⼀个中⽂字符长度为2)hod(“stringMinLength”, function(value,element, param) {var length = ;for ( var i = 0; i < ; i++) {if (deAt(i) > 127) {length++;}}return al(element) || (length >=param);}, $.(“长度不能⼩于{0}!”));// 字符最⼤长度验证(⼀个中⽂字符长度为2)hod(“stringMaxLength”, function(value,element, param) {var length = ;for ( var i = 0; i < ; i++) {if (deAt(i) > 127) {length++;}}return al(element) || (length <=param);}, $.(“长度不能⼤于{0}!”));// 字符验证hod(“string”, function(value, element){return al(element) ||/^[u0391-uFFE5w]+$/.test(value);}, “不允许包含特殊符号!”);// ⼿机号码验证hod(“mobile”, function(value, element){var length = ;return al(element) || (length == 11&&/^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/.test(value));}, “⼿机号码格式错误!”);// 电话号码验证hod(“phone”, function(value, element){var tel = /^(d{3,4}-?)?d{7,9}$/g;return al(element) || ((value));}, “电话号码格式错误!”);// 邮政编码验证hod(“zipCode”, function(value, element){var tel = /^[0-9]{6}$/;return al(element) || ((value));}, “邮政编码格式错误!”);// 必须以特定字符串开头验证hod(“begin”, function(value, element, param){var begin = new RegExp(“^” + param);return al(element) || ((value));}, $.(“必须以 {0} 开头!”));// 验证两次输⼊值是否不相同hod(“notEqualTo”, function(value, element,param) {return value != $(param).val();}, $.(“两次输⼊不能相同!”));//验证值不允许与特定值等于hod(“notEqual”, function(value, element,param) {return value != param;}, $.(“输⼊值不允许为{0}!”));// 验证值必须⼤于特定值(不能等于)hod(“gt”, function(value, element, param){return value > param;}, $.(“输⼊值必须⼤于{0}!”));

2023年6月21日发(作者:)

JQueryvalidate验证规则//定义中⽂消息var cnmsg = {required: “必选字段”,remote: “请修正该字段”,email: “请输⼊正确格式的电⼦邮件”,url: “请输⼊合法的⽹址”,date: “请输⼊合法的⽇期”,dateISO: “请输⼊合法的⽇期 (ISO).”,number: “请输⼊合法的数字”,digits: “只能输⼊整数”,creditcard: “请输⼊合法的信⽤卡号”,equalTo: “请再次输⼊相同的值”,accept: “请输⼊拥有合法后缀名的字符串”,maxlength: (“请输⼊⼀个长度最多是 {0} 的字符串”),minlength: (“请输⼊⼀个长度最少是 {0} 的字符串”),rangelength: (“请输⼊⼀个长度介于 {0} 和 {1} 之间的字符串”),range: (“请输⼊⼀个介于 {0} 和 {1} 之间的值”),max: (“请输⼊⼀个最⼤为 {0} 的值”),min: (“请输⼊⼀个最⼩为 {0} 的值”)};(es, cnmsg); Jquery Validate 验证规则(1)required:true 必输字段(2)remote:”” 使⽤ajax⽅法调⽤验证输⼊值(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 Jquery Validate ⾃定义验证规则addMethod(name,method,message)⽅法:参数name 是添加的⽅法的名字参数method是⼀个函数,接收三个参数(value,element,param) value 是元素的值,element是元素本⾝param是参数,我们可以⽤addMethod 来添加除built-in Validation methods 之外的验证⽅法⽐如有⼀个字段,只能输⼀个字母,范围是a-f,写法如下:$.hod(“af”,function(value,element,params){if(>1){return false;}if(value>=params[0]&&value<=params[1]){return true;}else{return false;}},”必须是⼀个字母,且a-f”);⽤的时候,⽐如有个表单字段的id=”username”,则在rules 中写username:{af:["a","f"]}⽅法addMethod 的第⼀个参数,就是添加的验证⽅法的名⼦,这时是afaddMethod 的第三个参数,就是⾃定义的错误提⽰,这⾥的提⽰为:”必须是⼀个字母,且a-f”addMethod 的第⼆个参数,是⼀个函数,这个⽐较重要,决定了⽤这个验证⽅法时的写法如果只有⼀个参数,直接写,如果af:”a”,那么a 就是这个唯⼀的参数,如果多个参数,⽤在[]⾥,⽤逗号分开Jquery Validate submit 提交submitHandler:通过验证后运⾏的函数,⾥⾯要加上表单提交的函数,否则表单不会提交$(".selector").validate({ submitHandler:function(form) {$(form).ajaxSubmit(); //⽤Jquery Form的函数 }})

Jquery Validate error 错误提⽰lacement:Callback Default: 把错误信息放在验证的元素后⾯指明错误放置的位置,默认情况是:To(());即把错误信息放在验证的元素后⾯errorPlacement: function(error, element) {To(());}设置错误提⽰的样式,可以增加图标显⽰,like: { border: 1px solid red; } {background:url(“./demo/images/”) no-repeat 0px0px; padding-left: 16px; padding-bottom: 2px; font-weight: bold; color: #EA5200;}附录:常⽤的⾃定义验证规则// 字符验证hod(“stringCheck”, function(value, element) {return al(element) || /^[u0391-uFFE5w]+$/.test(value);}, ”只能包括中⽂字、英⽂字母、数字和下划线”);// 中⽂字两个字节hod(“byteRangeLength”, function(value, element, param) {var length = ;for(var i = 0; i < ; i++){if(deAt(i) > 127){length++;}}return al(element) || ( length >= param[0] && length <= param[1] );}, ”请确保输⼊的值在3-15个字节之间(⼀个中⽂字算2个字节)”);// ⾝份证号码验证hod(“isIdCardNo”, function(value, element) {return al(element) || isIdCardNo(value);}, ”请正确输⼊您的⾝份证号码”);// ⼿机号码验证hod(“isMobile”, function(value, element) {var length = ;var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/;return al(element) || (length == 11 && (value));}, ”请正确填写您的⼿机号码”);// 电话号码验证hod(“isTel”, function(value, element) {var tel = /^d{3,4}-?d{7,9}$/; //电话号码格式return al(element) || ((value));}, ”请正确填写您的电话号码”);// 联系电话(⼿机/电话皆可)验证hod(“isPhone”, function(value,element) {var length = ;var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/;var tel = /^d{3,4}-?d{7,9}$/;return al(element) || ((value) || (value));}, ”请正确填写您的联系电话”);// 邮政编码验证hod(“isZipCode”, function(value, element) {var tel = /^[0-9]{6}$/;return al(element) || ((value));}, ”请正确填写您的邮政编码”);function isIdCardNo(num) {var factorArr = newArray(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);var parityBit=newArray(“1″,”0″,”X”,”9″,”8″,”7″,”6″,”5″,”4″,”3″,”2″);var varArray = new Array();var intValue;var lngProduct = 0;var intCheckDigit;var intStrLen = ;var idNumber = num;// initializeif ((intStrLen != 15) && (intStrLen!= 18)) {return false;}// check and set valuefor(i=0;i ’9′) && (i != 17)){return false;} else if (i < 17) {varArray[i] = varArray[i] * factorArr[i];}}if (intStrLen == 18) {//check datevar date8 = ing(6,14);if (isDate8(date8) == false) {return false;}// calculate the sum of the productsfor(i=0;i<17;i++) {lngProduct = lngProduct + varArray[i];}// calculate the check digitintCheckDigit = parityBit[lngProduct % 11];// check last digitif (varArray[17] != intCheckDigit) {return false;}}else{ //length is 15//check datevar date6 = ing(6,12);if (isDate6(date6) == false) {return false;}}return true;}function isDate6(sDate) {if(!/^[0-9]{6}$/.test(sDate)) {return false;}var year, month, day;year = ing(0, 4);month = ing(4, 6);if (year < 1700 || year > 2500)return falseif (month < 1 || month > 12) returnfalsereturn true}function isDate8(sDate) {if(!/^[0-9]{8}$/.test(sDate)) {return false;}var year, month, day;year = ing(0, 4);month = ing(4, 6);day = ing(6, 8);var iaMonthDays = [31,28,31,30,31,30,31,31,30,31,30,31]if (year < 1700 || year > 2500)return falseif (((year % 4 == 0) && (year % 100!= 0)) || (year % 400 == 0)) iaMonthDays[1]=29;if (month < 1 || month > 12) returnfalseif (day < 1 || day >iaMonthDays[month - 1]) return falsereturn true}//⾝份证号码验证

hod(“idcardno”, function(value, element){return al(element) || isIdCardNo(value);}, “请正确输⼊⾝份证号码”);//字母数字hod(“alnum”, function(value, element){return al(element) ||/^[a-zA-Z0-9]+$/.test(value);}, “只能包括英⽂字母和数字”); // 邮政编码验证hod(“zipcode”, function(value, element){var tel = /^[0-9]{6}$/;return al(element) || ((value));}, “请正确填写邮政编码”); // 汉字hod(“chcharacter”, function(value, element){var tel = /^[u4e00-u9fa5]+$/;return al(element) || ((value));}, “请输⼊汉字”);// 字符最⼩长度验证(⼀个中⽂字符长度为2)hod(“stringMinLength”, function(value,element, param) {var length = ;for ( var i = 0; i < ; i++) {if (deAt(i) > 127) {length++;}}return al(element) || (length >=param);}, $.(“长度不能⼩于{0}!”));// 字符最⼤长度验证(⼀个中⽂字符长度为2)hod(“stringMaxLength”, function(value,element, param) {var length = ;for ( var i = 0; i < ; i++) {if (deAt(i) > 127) {length++;}}return al(element) || (length <=param);}, $.(“长度不能⼤于{0}!”));// 字符验证hod(“string”, function(value, element){return al(element) ||/^[u0391-uFFE5w]+$/.test(value);}, “不允许包含特殊符号!”);// ⼿机号码验证hod(“mobile”, function(value, element){var length = ;return al(element) || (length == 11&&/^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/.test(value));}, “⼿机号码格式错误!”);// 电话号码验证hod(“phone”, function(value, element){var tel = /^(d{3,4}-?)?d{7,9}$/g;return al(element) || ((value));}, “电话号码格式错误!”);// 邮政编码验证hod(“zipCode”, function(value, element){var tel = /^[0-9]{6}$/;return al(element) || ((value));}, “邮政编码格式错误!”);// 必须以特定字符串开头验证hod(“begin”, function(value, element, param){var begin = new RegExp(“^” + param);return al(element) || ((value));}, $.(“必须以 {0} 开头!”));// 验证两次输⼊值是否不相同hod(“notEqualTo”, function(value, element,param) {return value != $(param).val();}, $.(“两次输⼊不能相同!”));//验证值不允许与特定值等于hod(“notEqual”, function(value, element,param) {return value != param;}, $.(“输⼊值不允许为{0}!”));// 验证值必须⼤于特定值(不能等于)hod(“gt”, function(value, element, param){return value > param;}, $.(“输⼊值必须⼤于{0}!”));