当前位置: 首页 > 工具软件 > validator.js > 使用案例 >

jQuery.validator.addMethod 自定义验证方法

夏侯和韵
2023-12-01

1.$.validator.addMethod 方法自定义验证介绍

该方法可用于我们平时给 指定type时使用,目的就是可以让我们自己定义想要验证的方法,好玩性很高,可以自定义一些通用的验证,比如手机号码、身份证等。

2.介绍参数和用法

方法:

$.validator.addMethod ( name , 
	function(value , element ){ 
		return true || false 
	}, message);

参数:
第一个参数:用于type匹配的名称,自定义。
第二个参数:是一个function函数,决定了验证是否成功!里面是自定义验证。
第三个参数:当验证不成功时返回的提示错误信息。

3.代码操作

//第一种:正则验证
$.validator.addMethod ("tel",
	function(value,element){ 
		/*this.optional(element) 作用是:控件有required必填的时候,只有不为空的才验证,
		为空则不验证,如果想为空也验证,则去掉前一段*/
		return this.optional(element) || /^1\d{10}$/.test(value);
	},"手机号码格式错误!");

//第二种:JS方法验证
$.validator.addMethod("csrqV", 
	function(value, element, params) { 
		//用checkCsrq()方法验证
		return checkCsrq(value, element, params); 
	}, "出生日期应小于当前日期");
//验证出生日期checkCsrq()
function checkCsrq(value, element, params){
	//出生日期
    var csrq = $("input[name='csrq']").val();
    //当前日期
    var dqrq = getNowDay();
    //校验出生日期是否小于当前日期
    return csrq < dqrq;
}
 类似资料: