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