jQuery.validator 自定义验证消息
jQuery.validator 自定义验证消息
jQuery.validator.addMethod("ruletypeVali", function (value, element, params) { var customMsg = "请输入正确整数"; let result = true; let ruleType = $("#RuleType").val(); if (ruleType == "0") { if (value < params[0] || value > params[1]) { customMsg = "只能输入5-10之间的数值"; result = false; } } $.validator.messages.DaysToShipVali = customMsg; return this.optional(element) || result; }); $("#form-submit").validate({ rules: { RuleTypeCode: { required: true, digits: true, ruletypeVali:[5,10] }, }, messages: { RuleTypeCode: { required: "值不为空", digits: "必须输入整数", } }, onfocusout: function (e) { $(e).valid(); } });
jQuery Validate添加自定义验证方法中自带的验证方法足以满足一般的要求，对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则，使用方法如下：
jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value,element,params){//addMethod第2个参数:验证方法，参数（被验证元素的值，被验证元素，参数） var exp = new RegExp(params);//实例化正则对象，参数为传入的正则表达式 return exp.test(value); //测试是否匹配 },"格式错误");//addMethod第3个参数:默认错误信息 $("#fm").validate({ rules:{ loginpwd:{ required:true, minlength:6, maxlength:12, regex:"^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$" }, loginpwd2:{ required:true, equalTo: "#loginpwd"， regex:"^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$" } }, messages:{ loginpwd:{ required: "请输入密码", minlength: "密码长度不能小于 6 个字母", regex:"密码必须包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间" }, loginpwd2:{ required: "请输入密码", minlength: "密码长度不能小于 6 个字母", equalTo: "两次密码输入不一致", regex:"密码必须包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间" } } });
以下是总结的其他的验证：
// 手机号码验证 jQuery.validator.addMethod("mobile", function(value, element) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/ return this.optional(element) || (length == 11 && mobile.test(value)); }, "手机号码格式错误"); // 电话号码验证 jQuery.validator.addMethod("phone", function(value, element) { var tel = /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/; return this.optional(element) || (tel.test(value)); }, "电话号码格式错误"); // 邮政编码验证 jQuery.validator.addMethod("zipCode", function(value, element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value)); }, "邮政编码格式错误"); // QQ号码验证 jQuery.validator.addMethod("qq", function(value, element) { var tel = /^[1-9]\d{4,9}$/; return this.optional(element) || (tel.test(value)); }, "qq号码格式错误"); // IP地址验证 jQuery.validator.addMethod("ip", function(value, element) { var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)/; return this.optional(element) || (ip.test(value) && (RegExp./; return this.optional(element) || (ip.test(value) && (RegExp.1 < 256 && RegExp.2 < 256 && RegExp.2 < 256 && RegExp.3 < 256 && RegExp.$4 < 256)); }, "Ip地址格式错误"); // 字母和数字的验证 jQuery.validator.addMethod("chrnum", function(value, element) { var chrnum = /^([a-zA-Z0-9]+)$/; return this.optional(element) || (chrnum.test(value)); }, "只能输入数字和字母(字符A-Z, a-z, 0-9)"); // 中文的验证 jQuery.validator.addMethod("chinese", function(value, element) { var chinese = /^[\u4e00-\u9fa5]+$/; return this.optional(element) || (chinese.test(value)); }, "只能输入中文"); // 下拉框验证 $.validator.addMethod("selectNone", function(value, element) { return value == "请选择"; }, "必须选择一项"); // 字节长度验证 jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { var length = value.length; for (var i = 0; i < value.length; i++) { if (value.charCodeAt(i) > 127) { length++; } } return this.optional(element) || (length >= param[0] && length <= param[1]); }, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
1.官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation
2.默认校验规则
(1)、required:true 必输字段 (2)、remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3)、email:true 必须输入正确格式的电子邮件 (4)、url:true 必须输入正确格式的网址 (5)、date:true 必须输入正确格式的日期，日期校验ie6出错，慎用 (6)、dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)、number:true 必须输入合法的数字(负数，小数) (8)、digits:true 必须输入整数 (9)、creditcard:true 必须输入合法的信用卡号 (10)、equalTo:"#password" 输入值必须和#password相同 (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
3.默认的提示
messages: { required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.", number: "Please enter a valid number.", numberDE: "Bitte geben Sie eine Nummer ein.", digits: "Please enter only digits", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.", maxlength: $.validator.format("Please enter no more than {0} characters."), minlength: $.validator.format("Please enter at least {0} characters."), rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), range: $.validator.format("Please enter a value between {0} and {1}."), max: $.validator.format("Please enter a value less than or equal to {0}."), min: $.validator.format("Please enter a value greater than or equal to {0}.") },
4.Jquery Validate 自定义验证规则
addMethod(name,method,message)方法
参数 name 是添加的方法的名字。
参数 method 是一个函数，接收三个参数 (value,element,param) 。
value 是元素的值，element 是元素本身，param 是参数。
其他验证示例：
身份证号码验证 jQuery.validator.addMethod(“idcardno”, function(value, element) { return this.optional(element) || isIdCardNo(value); }, “请正确输入身份证号码”); 字母数字 jQuery.validator.addMethod(“alnum”, function(value, element) { return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value); }, “只能包括英文字母和数字”); 邮政编码验证 jQuery.validator.addMethod(“zipcode”, function(value, element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value)); }, “请正确填写邮政编码”); 汉字 jQuery.validator.addMethod(“chcharacter”, function(value, element) { var tel = /^[u4e00-u9fa5]+$/; return this.optional(element) || (tel.test(value)); }, “请输入汉字”); 字符最小长度验证（一个中文字符长度为2） jQuery.validator.addMethod(“stringMinLength”, function(value, element, param) { var length = value.length; for(var i = 0; i < value.length; i++) { if(value.charCodeAt(i) > 127) { length++; } } return this.optional(element) || (length >= param); }, $.validator.format(“长度不能小于 { 0 }!”)); 字符最大长度验证（一个中文字符长度为2） jQuery.validator.addMethod(“stringMaxLength”, function(value, element, param) { var length = value.length; for(var i = 0; i < value.length; i++) { if(value.charCodeAt(i) > 127) { length++; } } return this.optional(element) || (length <= param); }, $.validator.format(“长度不能大于 { 0 }!”)); 字符验证 jQuery.validator.addMethod(“string”, function(value, element) { return this.optional(element) || /^[u0391-uFFE5w]+$/.test(value); }, “不允许包含特殊符号!”); 手机号码验证 jQuery.validator.addMethod(“mobile”, function(value, element) { var length = value.length; return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/.test(value)); }, “手机号码格式错误!”); 电话号码验证 jQuery.validator.addMethod(“phone”, function(value, element) { var tel = /^(d{3,4}-?)?d{7,9}$/g; return this.optional(element) || (tel.test(value)); }, “电话号码格式错误!”); 必须以特定字符串开头验证 jQuery.validator.addMethod(“begin”, function(value, element, param) { var begin = new RegExp(“ ^ ”+param); return this.optional(element) || (begin.test(value)); }, $.validator.format(“必须以 { 0 } 开头!”)); 验证两次输入值是否不相同 jQuery.validator.addMethod(“notEqualTo”, function(value, element, param) { return value != $(param).val(); }, $.validator.format(“两次输入不能相同!”)); 验证值不允许与特定值等于 jQuery.validator.addMethod(“notEqual”, function(value, element, param) { return value != param; }, $.validator.format(“输入值不允许为 { 0 }!”)); 验证值必须大于特定值(不能等于) jQuery.validator.addMethod(“gt”, function(value, element, param) { return value > param; }, $.validator.format(“输入值必须大于 { 0 }!”)); 小数点前最多9位，小数点后最多6位 jQuery.validator.addMethod("decimal", function (value, element) { return this.optional(element) || /^([1-9]\d{0,8}|0)(\.\d{1,6})?$/.test(value); }, "小数点前最多9位，小数点后最多6位^_^"); 结束时间不能小于开始时间 jQuery.validator.addMethod("laterTo", function (value, element, param) { return $(param).val().split("-").join("") < $(element).val().split("-").join(""); }, "结束时间不能小于开始时间^_^");
身份证方法(isIdCardNo)：
/** * 身份证号码验证 * */ function isIdCardNo(num) { var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1); var parityBit=new Array("1","0","X","9","8","7","6","5","4","3","2"); var varArray = new Array(); var intValue; var lngProduct = 0; var intCheckDigit; var intStrLen = num.length; var idNumber = num; // initialize if ((intStrLen != 15) && (intStrLen != 18)) { return false; } // check and set value for(i=0;i<intStrLen;i++) { varArray[i] = idNumber.charAt(i); if ((varArray[i] < '0' || varArray[i] > '9') && (i != 17)) { return false; } else if (i < 17) { varArray[i] = varArray[i] * factorArr[i]; } } if (intStrLen == 18) { //check date var date8 = idNumber.substring(6,14); if (isDate8(date8) == false) { return false; } // calculate the sum of the products for(i=0;i<17;i++) { lngProduct = lngProduct + varArray[i]; } // calculate the check digit intCheckDigit = parityBit[lngProduct % 11]; // check last digit if (varArray[17] != intCheckDigit) { return false; } } else{ //length is 15 //check date var date6 = idNumber.substring(6,12); if (isDate6(date6) == false) { return false; } } return true; }
浙公网安备 33010602011771号