在easyui框架的textBox使用过程中,有时需要对输入的内容加入自己对应的规则,网上有的教材说修改easyui的源文件,个人建议自己写一个js添加easyui源文件中的校验规则,防止污染easyui,
首先新建一个js保存,然后输入:
(function($) {
/**
* Copyright (c) 2009-2015 RCM
*
* 新增校验规则
*
*/
$.extend($.fn.validatebox.defaults.rules, {
checkDid: {
validator: function(value, param) {
if(value.length <= 5){
return false;
}
return true;
},
message: '请输入正确格式的设备编号'
}
});
})(jQuery);
可以在里面按照格式添加规则;
然后需要在页面里导入js:
<script type="text/javascript" src="js/easyui-extend-checkRule.js"></script>
最后在textBox框添加校验属性:
data-options="validType:'checkDid'"
记住不能少了单引号;
最后结果如图所示: