基于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的验证扩展的更多相关文章
- 基于easyui的webform扩展(续)
基于easyui的webform扩展(续) 回顾 <前端基于easyui的mvc扩展>.<前端基于easyui的mvc扩展(续)>.<基于easyui的webform扩展 ...
- 基于easyui的webform扩展
基于easyui的webform扩展 回顾 <前端基于easyui的mvc扩展>.<前端基于easyui的mvc扩展(续)>前两篇介绍了mvc内如何基于easyui进行扩展,在 ...
- 前端基于easyui的mvc扩展(续)
前端基于easyui的mvc扩展(续) 回顾及遗留问题 上一篇讲解了基于easyui的mvc扩展的基本实现,已经降低了在mvc内使用easyui的难度,但是仍然还有一些问题: 当我们要给生成的控件设置 ...
- 前端基于easyui的mvc扩展
背景 由于MVC的前端是基于jquery.validate和jquery.validate.unobtrusive来实现的,但是当我们要使用其他的ui组件且组件本身就带有完整的验证功能的话,那么要让它 ...
- easyui 表单和自定义验证扩展和js自定义返回值
================jsp==========================<form method="post" id="regfrminp&qu ...
- Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式
Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式 >>>>>>>>>>>>>> ...
- easyui验证扩展
问题描述: 如上所示:当用户添加信息时,必须保证一个队伍一天只能有一条数据.所以在选择了报表日期的时候必须查询数据库里面当前队伍这一天的数据是否存在.如果不存在,即当前日期队伍没有数据,就可以进行数据 ...
- 基于EasyUI Treegrid的权限管理资源列表
1. 前言 最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到 ...
- 【开发】Form Validate 表单验证 扩展应用
目录: ★.文本输入框(easyui-textbox) ★.数字框(easyui-numberbox) ★.时间(easyui-datebox) ★.文本域(easyui-textbox easyui ...
随机推荐
- Android:利用SharedPreferences实现自动登录
主要代码: public class LoginActivity extends Activity { private EditText username; private EditText user ...
- [Quick-x]cocos2dx下的彩色文本显示--RichLabel
部分关键代码与思路参考 http://www.cocoachina.com/bbs/read.php?tid=218977&page=1 感谢原作者 i7909 代码下载地址:https:// ...
- Linux /bin、/sbin、/usr/bin、/usr/sbin目录的区别
在linux下我们经常用到的四个应用程序的目录是/bin./sbin./usr/bin./usr/sbin .而四者存放的文件一般如下: bin目录: bin为binary的简写主要放置一些 ...
- 语言基础:C#输入输出与数据类型及其转换
今天学习了C#的定义及特点,Visual Studio.Net的集成开发环境和C#语言基础. C#语言基础资料——输入输出与数据类型及其转换 函数的四要素:名称,输入,输出,加工 输出 Console ...
- 使用ssh公钥密钥自动登陆linux服务器
转自:http://7056824.blog.51cto.com/69854/403669 作为一名 linux 管理员,在多台 Linux 服务器上登陆进行远程操作是每天工作的一部分.但随着服务器的 ...
- Android 按键消息处理Android 按键消息处理
在android系统中,键盘按键事件是由SystemServer服务来管理的:然后在以消息的形式分发给应用程序处理.产生键盘按键事件则是有Linux kernel的相关驱动来实现. 键盘消息有别于其他 ...
- Hibernate学习笔记之EHCache的配置
Hibernate默认二级缓存是不启动的,启动二级缓存(以EHCache为例)需要以下步骤: 1.添加相关的包: Ehcache.jar和commons-logging.jar,如果hibernate ...
- 转:MVC3系列:~Html.BeginForm与Ajax.BeginForm
Html.BeginForm与Ajax.BeginForm都是MVC架构中的表单元素,它们从字面上可以看到区别,即Html.BeginForm是普通的表单提交,而Ajax.BeginForm是支持异步 ...
- Java [Leetcode 136]Single Number
题目描述: Given an array of integers, every element appears twice except for one. Find that single one. ...
- 【转】【Android】对话框 AlertDialog -- 不错不错
原文网址:http://blog.csdn.net/feng88724/article/details/6171450 本讲介绍一下Android基本组件:对话框AlertDialog. API: j ...