Easyui datebox控件打开页面就验证解决方法
问题描述:
datebox时间控件有些场景下默认值需要为空,但是为空的情况下打开页面会自动验证,十分影响美观。
实现原理:
<input class="easyui-databox" data-options="required:true" />
猜想:上面的实例化过程很有可能是先附加验证规则,再进行控件实例化,由于控件实例化触发事件,相应的也触发了验证规则,所以打开页面的时候,就会出现验证的情况。
所以解决方法就是:验证规则在控件实例化后添加。
可以用setTimeout来延迟:
html代码: <input class="easyui-databox" id="dd" /> js代码: setTimeout(function(){ $("#dd").datebox({ required:true }); },500);
待解决:
combox控件也有相应问题,但是上述方法无法解决,因为已经加载了内容,验证规则就会去判断。