美文网首页
jquery validate插件自定义扩展总结

jquery validate插件自定义扩展总结

作者: 前端_逗叔 | 来源:发表于2017-12-29 18:53 被阅读17次

    前言

    平时写网页做表单验证时有两种方式,第一种就是自己手写正则,第二种就是使用验证插件,jQuery Validate是我用的最多的一个插件,但是这个默认提供的一些验证在真正项目中满足不了,所以需要自己手动扩展。
    对于手写正则这里有个好用的测试工具 正则表达式在线测试地址

    官方里的additional-methods.js里的包含了一些常用的验证方法,有需要的可以自己去查看。

    前端代码书写示例:

    $("#form").validate({
        rules: {
            isIdCardNo: "isIdCardNo",
        },
        messages: {
            isIdCardNo: "请输入您的二代身份证号码",
        }
    })
    

    规则说明

    查看规则说明

    官方插件常用验证规则

    编号 规则 说明
    1 required:true 必须输入的字段。
    2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。
    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: 必须输入合法的信用卡号。
    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。

    特殊需求

    编号 参数 说明
    1 isEmail Email地址
    2 isDomain 域名
    3 isURL 网址
    4 isMobile 国内手机号码
    5 isTelphone 国内电话号码
    5 国际电话号码
    6 isOldIdCardNo 大陆身份证号(一代)
    7 isIdCardNo 大陆身份证号(二代)
    8 isFullDate 完整日期格式
    9 isQQ 腾讯QQ号
    10 isZipCode 中国邮政编码
    11 isIP IP地址
    12 isWeakPassword 弱密码
    13 isMediumPassword 中等强度密码
    14 isStrongPassword 强密码
    15 isMoney 金额
    16 isImage 图片格式
    17 银行卡号
    18 isWeixin 微信号
    19 isVideo 视频格式
    20 isAudio 音频格式
    21 isTime 时间
    22 isDate 年月日

    各类证件号码

    编号 参数 说明
    1 isDriverNumber 驾驶证号
    2 行驶证号
    3 isVIN 车架号
    4 isEngineNumber 发动机号
    5 isVehicleNumber 车牌号
    6 isOfficerCard 军官证号(仅供参考)
    7 isHKMacaoCard 港澳通行证号(仅供参考)
    8 isTWCompatriotsCard 台胞证号(仅供参考)
    9 isChinesePassport 中国护照号
    10 外国护照号
    11 isMTPforHKMacao 回乡证号

    数字类

    编号 参数 说明
    1 isPositiveInteger 匹配正整数
    2 isNegtiveInteger 匹配负整数
    3 isInteger 匹配整数
    4 isNonNegtiveInteger 匹配非负整数(正整数 + 0)
    5 isNonPositiveInteger 匹配非正整数(负整数 + 0)
    6 isPositiveFloat 匹配正浮点数
    7 isNegativeFloat 匹配负浮点数
    8 isFloat 匹配浮点数
    9 isNonNegativeFloat 匹配非负浮点数(正浮点数 + 0)
    10 isNonPositiveFloat 匹配非正浮点数(负浮点数 + 0)

    字符类

    编号 参数 说明
    1 isChinese 匹配中文
    2 isEnglishLetter 由26个英文字母组成的字符串
    3 isUppercaseEnglishLetter 由26个大写英文字母组成的字符串
    4 isLowercaseEnglishLetter 由26个小写英文字母组成的字符串
    5 isNumAndLetters 由数字和26个英文字母组成的字符串
    6 isNumAndLettersAndUnderline 由数字、26个英文字母或者下划线组成的字符串

    示例演示

    查看示例

    获取插件

    获取插件

    相关文章

      网友评论

          本文标题:jquery validate插件自定义扩展总结

          本文链接:https://www.haomeiwen.com/subject/zerwgxtx.html