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({});