jQuery.validator插件:密码正则验证的使用方法

摘要:jQuery.validator 是比较常用的一个表单验证插件,有20多种验证方式,下面介绍一下 jQuery.validator 正则验证的使用方法。jQuery.validator 提供了一个添加自定义验证方法

jQuery.validator 是比较常用的一个表单验证插件,有20多种验证方式,下面介绍一下 jQuery.validator 正则验证的使用方法。

jQuery.validator.addMethod ( ) 

语法:

jQuery.validator.addMethod( name, method [, message ] )

jQuery.validator 提供了一个添加自定义验证方法。它必须包含名称 name (必须是合法的 javascript 标识符),基于 javascript 的函数和默认字符串消息。

添加自定义方法,验证密码正则:

jQuery.validator.addMethod("isPassword", function(value, element) {//密码验证
        var psw = /^\w{6,20}$/;
        return this.optional(element) || (psw.test(value));
    }, "请输入6-20位包含字母、数字、下划线格式的密码");

引用这个方法:

rules: {
    password: {
        isPassword: true,
    },
},

具体代码如下:

$(function () {
    jQuery.validator.addMethod("isPassword", function(value, element) {//密码验证
        var psw = /^\w{6,20}$/;
        return this.optional(element) || (psw.test(value));
    }, "请输入6-20位包含字母、数字、下划线格式的密码");
    $("#commentForm").validate({
        rules: {
            password: {
                required: true,
                isPassword: true,
            },
        },
        messages: {
            password: {
                required: "请输入密码",
                minlength: "请输入6-20位包含字母、数字、下划线的密码",

            },
        }
    });
})

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_8321