前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery.validator插件:密码正则验证的使用方法

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

作者头像
德顺
发布2019-11-12 16:49:45
1.3K0
发布2019-11-12 16:49:45
举报
文章被收录于专栏:前端资源前端资源

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://cloud.tencent.com/developer/article/1537362

     (adsbygoogle = window.adsbygoogle || []).push({});
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档