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

感谢有奉献精神的人转自：http://blog.csdn.net/bareheadzzq/article/details/8050003[javascript] view
plaincopy



$(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个汉字下面来自 http://www.cnblogs.com/yukaizhao/archive/2012/06/16/jquery-easyui-validation-equalto.html
使用示例：