Easyui validatebox修改.doc

Easyui validatebox修改 1.当text发生变化时在校验： ??????Easyui validatebox个人感觉还是比较好用的，但是发现他不是只有text改变并离开编辑框的时候才验证，而是不停的做验证；如果是js脚本的本地验证还好，如果是远程验证（如：调用数据库检测信息是否已存在）那就不停的向服务器发送请求，这就比较麻烦啦；通过查看Easyui validatebox的js脚本文件，发现Easyui validatebox尽然是在编辑框获得焦点之后，启用了定时器来不停的做校验的，郁闷！源码如下： 1 box.unbind(.validatebox).bind(focus.validatebox,function(){ 2 _2e9.validating=true; 3 (function(){ 4 if(_2e9.validating){ 5 _2ee(_2e8); 6 setTimeout(arguments.callee,200); 7 } 8 })(); 9 }) 找到问题，那就修改，将上面的代码替换成下面的代码，保证只在获取焦点并且值为空或者值发生改变时进行校验； 1 box.unbind(.validatebox).bind(focus.validatebox, function() { 2 if (box.val().length == 0) { 3 _2e9.validating = true; 4 if (_2e9.validating) { 5 _2ee(_2e8); 6 } 7 }; 8 }).bind(change.validatebox, function() { 9 _2e9.validating = true; 10 if (_2e9.validating) { 11 _2ee(_2e8); 12 } 13 }) 2.取消校验： ?????? 当把包含Easyui validatebox的div转换成dialog显示时，如果本次的校验未通过，然后取消了本次操作，那么本次的校验会保留，如果在打开dialog重新赋空值或正确的值，但是还是显示验证未通过，给用户造成错觉，但是Easyui validatebox并不提供取消校验的方法，查看源码发现可以通过如下方式取消验证不通过的标识（那个红色感叹号和错误消息），为了更好的控制，这条语句的设计是一次取消一个validatebox的验证标识（elemId为validatebox的id） $(# + elemId).removeClass(validatebox-invalid); 3.扩展自定义验证： ??????????? Easyui validatebox提供了验证方式的扩展，但是如果一次扩展一条的话，没新增有一种就需要该一次js文件，比较麻烦，我做了一个正则表达式效验，这样使用时只需要在相应的Easyui validatebox的aspx页面的定义是加入效验的侦测表达式即可，源码如下： 1 $.extend($.fn.validatebox.defaults.rules, { 2 custom_reg: { 3 validator: function(value, param) { 4 var m_reg = new RegExp(param[0]); span style=color:#ff0000;//传递过来的正则字符串中的\必须是\\ 5 /span if (!m_reg.test(value)) { 6 $.fn.validatebox.defaults.rules.custom_reg.message = param[1]; 7 return false; 8 } 9 else { 10 return true; 11 } 12 }, 13 message: 14 } 15