基于easyui的验证扩展

时间:2021-12-31 02:11:16
基于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的验证扩展的更多相关文章

  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扩展&lpar;续&rpar;

    前端基于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. 配置自己风格的Clang-Format-Xcode

    在项目根目录下,创建一个文件.clang-format,使用vim打开并修改. 具体的配置风格可以看这里:http://clang.llvm.org/docs/ClangFormatStyleOpti ...

  2. 关于java 定时任务

    几种任务调度的 Java 实现方法与比较 综观目前的 Web 应用,多数应用都具备任务调度的功能.本文由浅入深介绍了几种任务调度的 Java 实现方法,包括 Timer,Scheduler, Quar ...

  3. 基于xml 实现动态加载权限功能树列表---EFSFrame企业级开发架构

    在学习EFSFrame框架的过程中,感触最深的就是通过xml来实现前台与后台数据的交互,页面设计灵活,不用管后台如何写的,前台与后台的交互唯一的交互通道都是xml,在我们需要添加页面.添加规定的格式的 ...

  4. 收藏这些Safari快捷键,让你的Mac浏览网页更加方便

    文章内容及图片来源于:知乎,如果涉及版权问题,请联系作者删除 文章收录于:风云社区(提供上千款各类mac软件的下载) Safari是Mac上的原生浏览器,功能自然很强大,现在每天在Mac上使用的最多的 ...

  5. 【AtCoder】【DP】【思维】Prefix Median(AGC012)

    模的是这位神犇的代码:Atcoder AGC012F : Prefix Median 题意: 在动态中位数那道题上做了一些改动.给你一个序列a,可以将a重新任意排序,然后对于a序列构造出b序列. 假设 ...

  6. Isight 命令行运行任务

    说明书参考:https://abaqus-docs.mit.edu/2017/English/DSSIMULIA_Established.htm 不一定对版本.但是大部分还可以. 不对的可以在命令里敲 ...

  7. JAVA 容易忽略的东西

    Java中的取余会出现负数.用Math.floorMod()方法可以掰正,但是也仅限被除数是负数的情况,如果除数是负数,这个没用. 和C不一样,Java中的字符串是不可变字符串,不能修改Java字符串 ...

  8. 在asp&period;net一般应用程序中使用session

    通常我们经常,通过session判定用户是否登录.还有一些临时的.重要的数据也尝尝存放在Session中. 在页面我们很容易的得到Session的值,但在类中就会遇到一些问题.也知道通过下面的方法得到 ...

  9. maven使用过程中遇到的问题总汇

    1:web.xml is missing and <failOnMissingWebXml> is set to true 造成原因: 使用maven创建项目时有时在pom.xml的war ...

  10. scrapy保存csv文件有空行的解决方案

    比如现在我有一个名为test的爬虫,运行爬虫后将结果保存到test.csv文件 默认情况下,我执行scrapy crawl test -o test.csv ,得到的结果可能就是下面这种情况,每两行中 ...