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