基于easyui的验证扩展

基于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)

基于easyui的验证扩展

前言

自己做项目也有好几年的时间了，一直没有时间整理自己的代码，趁春节比较闲，把自己以前的代码整理了一篇。这是基于easyui1.2.6的一些验证扩展，2012年就开始使用于项目中，其中一部分功能后来与HTML5有重叠，但鉴于目前实际国情，对于HTML4的支持还是有需要的，故在此进行整理与分享。

整体内容

代码主要分两部分

easyUIExtend基于easyui的validatebox的扩展，主要是扩展其验证规则。
customValidator自定义的验证扩展，例如多个中必填其中一个等组件间有关系的验证。

用法

需要release中的所有文件，在HTML中引入easyValidator.css及easyValidator.min.js

如果你的项目中使用了easyui,则可以直接使用easyUIExtend，例如

<label>办学日期:<input class="easyui-datebox" type="text" name="OpenDate"></label>

是验证办学日期要早于当前日期

如果还需要使用customValidator，则要在页面初始化时把customValidator初始化一次，即

    $(function(){
        $.eValid.init();
    })

而自定义的验证扩展主要是在表单元素上加上eValid属性进行配置的，例如

<label>手机<input id="myMobile" type="text" name="myMobile"></label> 
<label>电话<input id="myTel" type="text" name="myTel"></label>

实现了手机跟电话中必填其中一个的验证，当然两个都填上也OK。更多的使用方法请直接参考源代码中的demo

easyUIExtend功能罗列

方法	介绍
`compare`	比较多个表单项的值
`format`	验证表单的值是否符合特定的格式（基于正则表达式）
`condFormat`	特定条件下的表单格式验证（基于正则表达式）
`sumCompare`	某数值跟另外几个数值的和之间进行比较
`gridCompare`	基于easyui-datagrid的数据比较

customValidator功能罗列

方法	介绍
`required`	必填验证，主要用于radio/checkbox
`required1`	多个里面必填一个，形式:required1[key],key相同的表单项必填一个
`unique`	自定义验证，利用绑定在表单元素数据上的unique函数进行验证