扩展easyui validatebox的两个方法.移除验证和还原验证

最新推荐文章于 2021-08-05 14:42:26 发布

转载最新推荐文章于 2021-08-05 14:42:26 发布 · 2k 阅读

文章标签：

#web开发 #J2EE #easyui #javascript #jQuery

JQuery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用自定义方法来控制 EasyUI 中非 from 组件的验证框行为，如移除验证状态和还原验证设置，并提供取消 combo 组件必填验证的示例。

 
  $.extend($.fn.validatebox.methods, {    
     remove: function(jq, newposition){    
         return jq.each(function(){    
             $(this).removeClass("validatebox-text validatebox-invalid").unbind('focus.validatebox').unbind('blur.validatebox');  
         });    
     },  
     reduce: function(jq, newposition){    
         return jq.each(function(){    
            var opt = $(this).data().validatebox.options;  
            $(this).addClass("validatebox-text").validatebox(opt);  
         });    
     }     
 });   
 

用法:

[javascript]view plaincopy 
   
 $('#id').validatebox('remove');  
 $('#id').validatebox('reduce');  

这中方式，也只适用于非easyui的from组件。如果是对于easyui的from组件，我们可以直接修改他的options就行了...

例如：

你需要取消combo的必须验证，你可以这样写

[javascript]view plaincopy 
   
 $('#cmid').combo({required:false});  