EasyUI默认集成了validatebox校验插件，但是支持的校验类型即validType很少，本文主要介绍如何扩展validatebox校验插件以支持更多场景类型的校验。
工具/原料
EasyUI for jQuery 1.5.4.2
方法/步骤
1
EasyUI的validatebox配置文件在plugins目录下，文件名称为jquery.validatebox.js
2
打开jquery.validatebox.js，可以看到默认的rules中的validType只有url,length,email及remote。
3
参照jquery.validatebox.js的rule配置，我们编写validatebox的扩展插件，插件名称为extendValidatebox.js。
4
根据默认规则，我们可知，定义一个validType需要完成validator及message的定义，其中validator一般用来写校验函数，经常通过正则表达式来实现，message为validator中定义的函数返回false的提示信息。
5
接下我们在学生信息表单中以学生姓名进行校验，校验规则为【步骤4】中我们扩展的校验规则，如name及maxLength。
6
为了实现自定义校验，我们需要在html文件中引入插件接着在需要校验的name元素上写入具体的校验规则：
7
如下所示，当不满足name及maxLength的校验规则时就会对应的提示信息
注意事项
如果小编所写经验帮助到了你，请帮忙给点个赞或评论支持下，您的支持是作者继续创作的动力！