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

            },
        }
    });
})

推荐阅读：

给Sublime增加代码格式化快捷键

Ueditor后端配置项没有正常加载,上传插件不能正常使用!的解决过程。

JetBrains IDE Support 浏览器自动刷新插件（不定时更新）

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

CSS 选择器 nth-child 的几种用法