3.JqueryValidate自定义验证(jQuery.validator.addMethod)_jquery.validator.addmethod(-优快云博客

本文链接：https://blog.youkuaiyun.com/Booleaning/article/details/78516816

本文介绍如何使用jQuery的validate插件自定义验证方法，包括字节长度验证和邮政编码验证等，通过具体示例展示了如何为特定场景创建验证规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.演示代码

	// 中文字两个字节
	jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
	        var length = value.length;
	        for(var i = 0; i < value.length; i++){
	                if(value.charCodeAt(i) > 127){
	                        length++;
	                }
	        }
	    return this.optional(element) || ( length >= param[0] && length <= param[1] ); 
	}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
	
	// 邮政编码验证 
	jQuery.validator.addMethod("isZipCode", function(value, element) { 
	        var tel = /^[0-9]{6}$/;
	        return this.optional(element) || (tel.test(value));
	}, ""请正确填写您的邮政编码");

2.讲解

addMethod(name,method,message)方法

	username:{
	      af:["a","f"]
	}

参数 name 是添加的方法的名字。

参数 method 是一个函数，接收三个参数 (value,element,param) 。

value 是元素的值，element 是元素本身，param 是参数。

我们可以用 addMethod 来添加除内置的 Validation 方法之外的验证方法。比如有一个字段，只能输一个字母，范围是 a-f，写法如下：

	$.validator.addMethod("af",function(value,element,params){ 
	        if(value.length>1){
	                return false;
	        }
	        if(value>=params[0] && value<=params[1]){
	                return true;
	        }else{
	                return false;
	        }
	},"必须是一个字母,且a-f");

如果有一个username，则调用

	username:{
	      af:["a","f"]
	}