3.JqueryValidate自定义验证(jQuery.validator.addMethod)

本文介绍如何使用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"]
	}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值