Easyui如何添加简单自定义校验

在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'"

记住不能少了单引号；

最后结果如图所示：