w3h5

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位包含字母、数字、下划线的密码",

            },
        }
    });
})


声明:本文由w3h5原创,转载请注明出处:《jQuery.validator插件:密码正则验证的使用方法》 https://www.w3h5.com/post/375.html

赞 (0)
分享到: +More |

评论 沙发

换个身份