自定义easy-ui validatebox 如maxLength()等等校验规则

本文链接：https://blog.youkuaiyun.com/bareheadzzq/article/details/8050003

本文介绍了如何在easy-ui中自定义validatebox验证规则，如maxLength，以实现最大长度不超过100的输入限制。同时提到了Unicode汉字在Oracle数据库中存储时的细节，以及varchar2字段在指定char和byte单位时对汉字存储数量的影响。

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

$(document).ready(
 		function(){
 			
 			$.extend($.fn.validatebox.defaults.rules, {   
 			    minLength: {   
 			        validator: function(value, param){   //value 为需要校验的输入框的值 , param为使用此规则时存入的参数
 			            return value.length >= param[0];   
 			        },   
 			        message: '请输入最小{0}位字符.'  
 			    }   
 			}); 
 			
 			$.extend($.fn.validatebox.defaults.rules, {   
 			    maxLength: {   
 			        validator: function(value, param){   
 			            return param[0] >= value.length;   
 			        },   
 			        message: '请输入最大{0}位字符.'  
 			    }   
 			}); 
 			
 			$.extend($.fn.validatebox.defaults.rules, {   
 			    length: {   
 			        validator: function(value, param){   
 			            return value.length >= param[0] && param[1] >= value.length;   
 			        },   
 			        message: '请输入{0}-{1}位字符.'  
 			    }   
 			}); 

 		// extend the 'equals' rule   
 			$.extend($.fn.validatebox.defaults.rules, {   
 			    equals: {   
 			        validator: function(value,param){   
 			            return value == $(param[0]).val();   
 			        },   
 			        message: '字段不相同.'  
 			    }   
 			});  
 			
 			$.extend($.fn.validatebox.defaults.rules, {   
 				web : {   
 			        validator: function(value){   
 			            return /^(http[s]{0,1}|ftp):\/\//i.test($.trim(value));   
 			        },   
 			        message: '网址格式错误.'  
 			    }   
 			}); 
 			            
           $.extend($.fn.validatebox.defaults.rules, {   
        	   mobile : {   
 			        validator: function(value){   
 			            return /^1[0-9]{10}$/i.test($.trim(value));   
 			        },   
 			        message: '手机号码格式错误.'  
 			    }   
 			});
           
           $.extend($.fn.validatebox.defaults.rules, {   
        	   date : {   
 			        validator: function(value){   
 			            return /^[0-9]{4}[-][0-9]{2}[-][0-9]{2}$/i.test($.trim(value));   
 			        },   
 			        message: '曰期格式错误,如2012-09-11.'  
 			    }   
 			}); 
           
           $.extend($.fn.validatebox.defaults.rules, {   
        	   email : {   
 			        validator: function(value){   
 			            return /^[a-zA-Z0-9_+.-]+\@([a-zA-Z0-9-]+\.)+[a-zA-Z0-9]{2,4}$/i.test($.trim(value));   
 			        },   
 			        message: '电子邮箱格式错误.'  
 			    }   
 			}); 
           
           $.extend($.fn.validatebox.defaults.rules, {   
        	   captcha : {   
 			        validator: function(value){   
 			        	var data0 = false;
	 			        $.ajax({
	 			       		type: "POST",async:false,
	 			       		url:contextPath + "/json/valSimulation.action",
	 			       		dataType:"json",
	 			       		data:{"simulation":value},
	 			       		async:false,
	 			       		success: function(data){
	 			       			data0=data;
	 			       		}
	 			       	});
 			        	
	 			       return data0;
// 			        	return /^[a-zA-Z0-9]{4}$/i.test($.trim(value));
 			        },   
 			        message: '验证码错误.'  
 			    }   
 			}); 
           
           $.extend($.fn.validatebox.defaults.rules, {   
        	   txtName : {   
 			        validator: function(value,param){   
 			        	var data0 = false;
 			        	if(value.length >= param[0] && param[1] >= value.length)
		        		{
 			        		$.ajax({
 			        			type: "POST",async:false,
 			        			url:contextPath + "/json/valName.action",
 			        			dataType:"json",
 			        			data:{"txtName":value},
 			        			async:false,
 			        			success: function(data){
 			        				data0=!data;
 			        			}
 			        		});
		        		}else{
		        			param[2] = "请输入"+param[0]+"-"+param[1]+"位字符.";
		        			return false;
		        		}
 			        	
 			        	param[2] = "用户名称已存在.";
	 			       return data0;
 			        },   
 			        message: "{2}" 
 			    }   
 			}); 
           
 	});

使用：
<input type="text" class="easyui-validatebox" required=true missingMessage="必须输入" data-options="validType:'maxLength[100]'" invalidMessage="最大长度不能超过100"/>
小细节:Unicode编码的汉字是3个字节。
Oracle 数据库字段指定为varchar2(). 还可以指定其单位为char 还是byte
为char :
varchar2(3) 可以存 3*2/3= 2个汉字
为byte:varchar2(3)可以存3*1/3=1个汉字