jquery.validate.js常用扩展函数
Posted 风继续吹
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery.validate.js常用扩展函数相关的知识,希望对你有一定的参考价值。
$(function () { // 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", function (value, element) { value = parseInt(value); return this.optional(element) || value == 0; }, "整数必须为0"); // 判断整数value是否大于0 jQuery.validator.addMethod("isIntGtZero", function (value, element) { value = parseInt(value); return this.optional(element) || value > 0; }, "整数必须大于0"); // 判断整数value是否大于或等于0 jQuery.validator.addMethod("isIntGteZero", function (value, element) { value = parseInt(value); return this.optional(element) || value >= 0; }, "整数必须大于或等于0"); // 判断整数value是否不等于0 jQuery.validator.addMethod("isIntNEqZero", function (value, element) { value = parseInt(value); return this.optional(element) || value != 0; }, "整数必须不等于0"); // 判断整数value是否小于0 jQuery.validator.addMethod("isIntLtZero", function (value, element) { value = parseInt(value); return this.optional(element) || value < 0; }, "整数必须小于0"); // 判断整数value是否小于或等于0 jQuery.validator.addMethod("isIntLteZero", function (value, element) { value = parseInt(value); return this.optional(element) || value <= 0; }, "整数必须小于或等于0"); // 判断浮点数value是否等于0 jQuery.validator.addMethod("isFloatEqZero", function (value, element) { value = parseFloat(value); return this.optional(element) || value == 0; }, "浮点数必须为0"); // 判断浮点数value是否大于0 jQuery.validator.addMethod("isFloatGtZero", function (value, element) { value = parseFloat(value); return this.optional(element) || value > 0; }, "浮点数必须大于0"); // 判断浮点数value是否大于或等于0 jQuery.validator.addMethod("isFloatGteZero", function (value, element) { value = parseFloat(value); return this.optional(element) || value >= 0; }, "浮点数必须大于或等于0"); // 判断浮点数value是否不等于0 jQuery.validator.addMethod("isFloatNEqZero", function (value, element) { value = parseFloat(value); return this.optional(element) || value != 0; }, "浮点数必须不等于0"); // 判断浮点数value是否小于0 jQuery.validator.addMethod("isFloatLtZero", function (value, element) { value = parseFloat(value); return this.optional(element) || value < 0; }, "浮点数必须小于0"); // 判断浮点数value是否小于或等于0 jQuery.validator.addMethod("isFloatLteZero", function (value, element) { value = parseFloat(value); return this.optional(element) || value <= 0; }, "浮点数必须小于或等于0"); // 判断浮点型 jQuery.validator.addMethod("isFloat", function (value, element) { return this.optional(element) || /^[-\+]?\d+(\.\d+)?$/.test(value); }, "只能包含数字、小数点等字符"); // 匹配integer jQuery.validator.addMethod("isInteger", function (value, element) { return this.optional(element) || parseInt(value) == value; }, "请输入一个整数"); // 判断数值类型,包括整数和浮点数 jQuery.validator.addMethod("isNumber", function (value, element) { return this.optional(element) || /^[-\+]?\d+$/.test(value) || /^[-\+]?\d+(\.\d+)?$/.test(value); }, "匹配数值类型,包括整数和浮点数"); // 只能输入[0-9]数字 jQuery.validator.addMethod("isDigits", function (value, element) { return this.optional(element) || /^\d+$/.test(value); }, "只能输入0-9数字"); // 判断中文字符 jQuery.validator.addMethod("isChinese", function (value, element) { return this.optional(element) || /^[\u0391-\uFFE5]+$/.test(value); }, "只能包含中文字符。"); // 判断英文字符 jQuery.validator.addMethod("isEnglish", function (value, element) { return this.optional(element) || /^[A-Za-z]+$/.test(value); }, "只能包含英文字符。"); // 手机号码验证 jQuery.validator.addMethod("isMobile", function (value, element) { var length = value.length; return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value)); }, "请正确填写您的手机号码。"); // 电话号码验证 jQuery.validator.addMethod("isPhone", function (value, element) { var tel = /^(\d{3,4}-?)?\d{7,9}$/g; return this.optional(element) || (tel.test(value)); }, "请正确填写您的电话号码。"); // 联系电话(手机/电话皆可)验证 jQuery.validator.addMethod("isTel", function (value, element) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; var tel = /^(\d{3,4}-?)?\d{7,9}$/g; return this.optional(element) || tel.test(value) || (length == 11 && mobile.test(value)); }, "请正确填写您的联系方式"); // 匹配qq jQuery.validator.addMethod("isQq", function (value, element) { var qq = /^[1-9]\d{4,12}$/; return this.optional(element) || qq.test(value); }, "请输入正确的QQ号码"); // 邮政编码验证 jQuery.validator.addMethod("isZipCode", function (value, element) { var zip = /^[0-9]{6}$/; return this.optional(element) || (zip.test(value)); }, "请正确填写您的邮政编码。"); // 匹配密码,以字母开头,长度在6-12之间,只能包含字符、数字和下划线。 jQuery.validator.addMethod("isPwd", function (value, element) { return this.optional(element) || /^[a-zA-Z]\\w{6,12}$/.test(value); }, "以字母开头,长度在6-12之间,只能包含字符、数字和下划线。"); // 身份证号码验证 jQuery.validator.addMethod("isIdCardNo", function (value, element) { //var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/; return this.optional(element) || isIdCardNo(value); }, "请输入正确的身份证号码。"); // IP地址验证 jQuery.validator.addMethod("ip", function (value, element) { return this.optional(element) || /^(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.)(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.){2}([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))$/.test(value); }, "请填写正确的IP地址。"); // 字符验证,只能包含中文、英文、数字、下划线等字符。 jQuery.validator.addMethod("stringCheck", function (value, element) { return this.optional(element) || /^[a-zA-Z0-9\u4e00-\u9fa5-_]+$/.test(value); }, "只能包含中文、英文、数字、下划线等字符"); // 匹配english jQuery.validator.addMethod("isEnglish", function (value, element) { return this.optional(element) || /^[A-Za-z]+$/.test(value); }, "请输入英文"); // 匹配汉字 jQuery.validator.addMethod("isChinese", function (value, element) { return this.optional(element) || /^[\u4e00-\u9fa5]+$/.test(value); }, "请输入汉字"); // 匹配中文(包括汉字和字符) jQuery.validator.addMethod("isChineseChar", function (value, element) { return this.optional(element) || /^[\u0391-\uFFE5]+$/.test(value); }, "匹配中文(包括汉字和字符) "); // 判断是否为合法字符(a-zA-Z0-9-_) jQuery.validator.addMethod("isRightfulString", function (value, element) { return this.optional(element) || /^[A-Za-z0-9_-]+$/.test(value); }, "判断是否为合法字符(a-zA-Z0-9-_)"); // 判断是否包含中英文特殊字符,除英文"-_"字符外 jQuery.validator.addMethod("isContainsSpecialChar", function (value, element) { var reg = RegExp(/[(\ )(\`)(\~)(\!)(\@)(\#)(\$)(\%)(\^)(\&)(\*)(\()(\))(\+)(\=)(\|)(\{)(\})(\‘)(\:)(\;)(\‘)(‘,)(\[)(\])(\.)(\<)(\>)(\/)(\?)(\~)(\!)(\@)(\#)(\¥)(\%)(\…)(\&)(\*)(\()(\))(\—)(\+)(\|)(\{)(\})(\【)(\】)(\‘)(\;)(\:)(\”)(\“)(\’)(\。)(\,)(\、)(\?)]+/); return this.optional(element) || !reg.test(value); }, "含有中英文特殊字符"); //身份证号码的验证规则 function isIdCardNo(num) { //if (isNaN(num)) {alert("输入的不是数字!"); return false;} var len = num.length, re; if (len == 15) re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/); else if (len == 18) re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/); else { //alert("输入的数字位数不对。"); return false; } var a = num.match(re); if (a != null) { if (len == 15) { var D = new Date("19" + a[3] + "/" + a[4] + "/" + a[5]); var B = D.getYear() == a[3] && (D.getMonth() + 1) == a[4] && D.getDate() == a[5]; } else { var D = new Date(a[3] + "/" + a[4] + "/" + a[5]); var B = D.getFullYear() == a[3] && (D.getMonth() + 1) == a[4] && D.getDate() == a[5]; } if (!B) { //alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); return false; } } if (!re.test(num)) { //alert("身份证最后一位只能是数字和字母。"); return false; } return true; } }); jQuery.extend(jQuery.validator.messages, { required: "必填字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数", creditcard: "请输入合法的信用卡号", equalTo: "请再次输入相同的值", accept: "请输入拥有合法后缀名的字符串", maxlength: jQuery.validator.format("请输入一个长度最多是 {0} 的字符串"), minlength: jQuery.validator.format("请输入一个长度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"), range: jQuery.validator.format("请输入一个介于 {0} 和 {1} 之间的值"), max: jQuery.validator.format("请输入一个最大为 {0} 的值"), min: jQuery.validator.format("请输入一个最小为 {0} 的值") });
$("#form_AddMember").validate({ rules: { Add_Name: { required: true, maxlength: 30 }, Add_UserName: { required: true, maxlength: 30 } //,Add_WorkNumber: { required: true, maxlength: 30 } //, Add_WorkPosition: { required: true, maxlength: 30 } , Add_Password1: { required: true, maxlength: 32, minlength: 6, checkpassword: true } , Add_Password2: { required: true, maxlength: 32, minlength: 6, equalTo: ‘#Add_Password1‘, checkpassword: true } }, messages: { Add_Name: { required: "请输入名字", maxlength: "不能超过30位" }, Add_UserName: { required: "请输入用户名", maxlength: "不能超过30位" } //, Add_WorkNumber: { required: "请输入工号", maxlength: "不能超过30位" } //, Add_WorkPosition: { required: "请输入职位", maxlength: "不能超过30位" } , Add_Password1: { required: "密码不能为空", maxlength: "长度最多32位", minlength: "长度最少6位" } , Add_Password2: { required: "密码不能为空", maxlength: "长度最多32位", minlength: "长度最少6位", equalTo: "两次密码输入不对" } } });
使用js主动触发validate验证的代码是
$("#form_AddMember").validate();//主动验证 if (!$("#form_AddMember").valid()) { return; }
以上是关于jquery.validate.js常用扩展函数的主要内容,如果未能解决你的问题,请参考以下文章
jquery.validate.js使用之自定义表单验证规则
为日期 dd/mm/yyyy 编辑 Jquery.validate.js 验证中的函数