博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery.validate.js常用扩展函数
阅读量:4931 次
发布时间:2019-06-11

本文共 10091 字,大约阅读时间需要 33 分钟。

$(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; }

转载于:https://www.cnblogs.com/jianjialin/p/5258783.html

你可能感兴趣的文章
设计模式之原则
查看>>
Maven修改全局和局部JDK版本
查看>>
设计模式——组合模式(Composite Pattern)
查看>>
java设计模式之——代理模式
查看>>
php页面防止重复提交
查看>>
Perl DBI模块的例子
查看>>
python中str和repr区别
查看>>
升级win10后无法使用桥接网络解决方法
查看>>
如何进行跨网段的远程唤醒
查看>>
数据挖掘-同比与环比
查看>>
nginx+php详解
查看>>
怎样取php一个字符串中的某个字符
查看>>
我的友情链接
查看>>
RedHat6 管理应用服务【11】
查看>>
stm32F10x复习-1
查看>>
redis的学习使用(ubuntu系统下)
查看>>
20135226黄坤信息安全系统设计基础期末总结
查看>>
轻松快捷创建VSFTP虚拟用户
查看>>
[转]Javascript原型继承
查看>>
[转] vue异步处理错误
查看>>