1. 基于easyui的验证扩展
  2.  
  3. ##前言
  4. 自己做项目也有好几年的时间了,一直没有时间整理自己的代码,趁春节比较闲,把自己以前的代码整理了一篇。这是基于easyui1.2.6的一些验证扩展,2012年就开始使用于项目中,其中一部分功能后来与HTML5有重叠,但鉴于目前实际国情,对于HTML4的支持还是有需要的,故在此进行整理与分享。
  5.  
  6. ##整体内容
  7. 代码主要分两部分
  8.  
  9. * `easyUIExtend`基于easyuivalidatebox的扩展,主要是扩展其验证规则。
  10. * `customValidator`自定义的验证扩展,例如多个中必填其中一个等组件间有关系的验证。
  11.  
  12. ##用法
  13. 需要release中的所有文件,在HTML中引入`easyValidator.css``easyValidator.min.js`
  14.  
  15. 如果你的项目中使用了easyui,则可以直接使用`easyUIExtend`,例如
  16. ```html
  17. 办学日期:
  18. ```
  19. 是验证办学日期要早于当前日期
  20.  
  21. 如果还需要使用`customValidator`,则要在页面初始化时把`customValidator`初始化一次,即
  22. ```javascript
  23. $(function(){
  24. $.eValid.init();
  25. })
  26. ```
  27. 而自定义的验证扩展主要是在表单元素上加上eValid属性进行配置的,例如
  28. ```html
  29. 手机 
  30. 电话 
  31. ```
  32. 实现了手机跟电话中必填其中一个的验证,当然两个都填上也OK。更多的使用方法请直接参考源代码中的[demo](http://p2227.github.io/easyValidator/demo/)
  33.  
  34. ##easyUIExtend功能罗列
  35.  
  36. | 方法 | 介绍 |
  37. | -------- | :----- |
  38. | `compare` | 比较多个表单项的值 | |
  39. | `format` | 验证表单的值是否符合特定的格式(基于正则表达式) | |
  40. | `condFormat` | 特定条件下的表单格式验证(基于正则表达式) |
  41. | `sumCompare` | 某数值跟 另外几个数值的和 之间进行比较 |
  42. | `gridCompare` | 基于easyui-datagrid的数据比较 |
  43.  
  44. ##customValidator功能罗列
  45.  
  46. | 方法 | 介绍 |
  47. | -------- | :----- |
  48. | `required` | 必填验证,主要用于radio/checkbox | |
  49. | `required1` | 多个里面必填一个,形式:required1[key],key相同的表单项必填一个 |
  50. | `unique` | 自定义验证,利用绑定在表单元素数据上的unique函数进行验证 |
  51.  
  52. ##源代码
  53. [示例](http://p2227.github.io/easyValidator/demo/)
  54.  
  55. [代码](https://github.com/p2227/easyValidator)

基于easyui的验证扩展的更多相关文章

  1. 基于easyui的webform扩展(续)

    基于easyui的webform扩展(续) 回顾 <前端基于easyui的mvc扩展>.<前端基于easyui的mvc扩展(续)>.<基于easyui的webform扩展 ...

  2. 基于easyui的webform扩展

    基于easyui的webform扩展 回顾 <前端基于easyui的mvc扩展>.<前端基于easyui的mvc扩展(续)>前两篇介绍了mvc内如何基于easyui进行扩展,在 ...

  3. 前端基于easyui的mvc扩展(续)

    前端基于easyui的mvc扩展(续) 回顾及遗留问题 上一篇讲解了基于easyui的mvc扩展的基本实现,已经降低了在mvc内使用easyui的难度,但是仍然还有一些问题: 当我们要给生成的控件设置 ...

  4. 前端基于easyui的mvc扩展

    背景 由于MVC的前端是基于jquery.validate和jquery.validate.unobtrusive来实现的,但是当我们要使用其他的ui组件且组件本身就带有完整的验证功能的话,那么要让它 ...

  5. easyui 表单和自定义验证扩展和js自定义返回值

    ================jsp==========================<form  method="post" id="regfrminp&qu ...

  6. Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式

    Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式 >>>>>>>>>>>>>> ...

  7. easyui验证扩展

    问题描述: 如上所示:当用户添加信息时,必须保证一个队伍一天只能有一条数据.所以在选择了报表日期的时候必须查询数据库里面当前队伍这一天的数据是否存在.如果不存在,即当前日期队伍没有数据,就可以进行数据 ...

  8. 基于EasyUI Treegrid的权限管理资源列表

    1. 前言 最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到 ...

  9. 【开发】Form Validate 表单验证 扩展应用

    目录: ★.文本输入框(easyui-textbox) ★.数字框(easyui-numberbox) ★.时间(easyui-datebox) ★.文本域(easyui-textbox easyui ...

随机推荐

  1. MSSQLServer基础06(变量,case,选择语句)

    变量 声明:declare @UserName nvarchar(50) 赋值1:set @UserName=N'杨':修改 赋值2:select @UserName=N'牛':修改 输出:print ...

  2. 修改 eclipse 文件编码格式

    如果要使插件开发应用能有更好的国际化支持,能够最大程度的支持中文输出,则最好使 Java文件使用UTF-8编码.然而,Eclipse工作空间(workspace)的缺省字符编码是操作系统缺省的编码,简 ...

  3. [CF676C]Vasya and String(尺取法,原题)

    题目链接:http://codeforces.com/contest/676/problem/C 原题题解链接:http://www.cnblogs.com/vincentX/p/5405468.ht ...

  4. 自己动手实现STL:前言

    一.前言 最近,刚看完<STL源码剖析>,深深被实现STL库的那些的大牛们所折服.同时又感觉自己与大牛们差距之大,便萌生深入学习之意.如果仅仅只是看看<STL源码剖析>的话,又 ...

  5. .net项目的svn Global ignore pattern

     *.o *.lo *.la *.al .libs *.so *.so.[0-9]* *.a *.pyc *.pyo __pycache__ *.rej *~ #*# .#* .*.swp .DS_S ...

  6. asp.net批量发布博客到各大博客平台

    新浪博客 http://upload.move.blog.sina.com.cn/blog_rebuild/blog/xmlrpc.php 网易博客 http://os.blog.163.com/ap ...

  7. svn 提交失败 更新失败 提示 已经锁定

      出现问题的原因:在上传的时候,由于网络掉线,导致svn提交到一半就没有反应了,这个时候我点击了取消,再之后无论是进行 更新还是提交,都提示 已经锁定 解决方法:在项目的空白地方,点击SVN  清理 ...

  8. LeetCode Single Number (找不不重复元素)

    题意:给一个序列,序列中只有1个是单个的,其他都是成对出现的.也就是序列中有奇数个元素.要求找出这个元素. 思路:成对出现用异或最好了.两个同样的数一异或就变零,剩下的,就是那个落单的. class ...

  9. 推荐 15 个 Angular.js 应用扩展指令(参考应用)

    几天前我们看到Angular 1.4.0发布了-一个以社团为驱动的发布版本涵盖了400多个GitHub的提交,增加了对特性的提升,比如动画,以及可用性. 官方新闻发布稿 覆盖了绝大部分,这同样值得放于 ...

  10. apache开源项目-- Usergrid

    Ed Anuff上周宣布第一版 Usergrid 的代码已经发布,Usergrid 是一款适用于移动和富客户端应用的综合性平台.Ed 认为,良好的移动性指的是将设备中运行应用的良好交互带到云中,其中既 ...