基于easyui的验证扩展 ##前言 自己做项目也有好几年的时间了,一直没有时间整理自己的代码,趁春节比较闲,把自己以前的代码整理了一篇。这是基于easyui1.2.6的一些验证扩展,2012年就开始使用于项目中,其中一部分功能后来与HTML5有重叠,但鉴于目前实际国情,对于HTML4的支持还是有需要的,故在此进行整理与分享。 ##整体内容 代码主要分两部分 * `easyUIExtend`基于easyui的validatebox的扩展,主要是扩展其验证规则。 * `customValidator`自定义的验证扩展,例如多个中必填其中一个等组件间有关系的验证。 ##用法 需要release中的所有文件,在HTML中引入`easyValidator.css`及`easyValidator.min.js` 如果你的项目中使用了easyui,则可以直接使用`easyUIExtend`,例如 ```html ``` 是验证办学日期要早于当前日期 如果还需要使用`customValidator`,则要在页面初始化时把`customValidator`初始化一次,即 ```javascript $(function(){ $.eValid.init(); }) ``` 而自定义的验证扩展主要是在表单元素上加上eValid属性进行配置的,例如 ```html ``` 实现了手机跟电话中必填其中一个的验证,当然两个都填上也OK。更多的使用方法请直接参考源代码中的[demo](http://p2227.github.io/easyValidator/demo/) ##easyUIExtend功能罗列 | 方法 | 介绍 | | -------- | :----- | | `compare` | 比较多个表单项的值 | | | `format` | 验证表单的值是否符合特定的格式(基于正则表达式) | | | `condFormat` | 特定条件下的表单格式验证(基于正则表达式) | | `sumCompare` | 某数值跟 另外几个数值的和 之间进行比较 | | `gridCompare` | 基于easyui-datagrid的数据比较 | ##customValidator功能罗列 | 方法 | 介绍 | | -------- | :----- | | `required` | 必填验证,主要用于radio/checkbox | | | `required1` | 多个里面必填一个,形式:required1[key],key相同的表单项必填一个 | | `unique` | 自定义验证,利用绑定在表单元素数据上的unique函数进行验证 | ##源代码 [示例](http://p2227.github.io/easyValidator/demo/) [代码](https://github.com/p2227/easyValidator)