基于easyui的验证扩展

基于easyui的验证扩展

前言

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

整体内容

代码主要分两部分

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

用法

需要release中的所有文件,在HTML中引入easyValidator.csseasyValidator.min.js

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

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

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

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

 
 
  1. $(function(){
  2. $.eValid.init();
  3. })

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

 
 
  1. <label>手机<input id="myMobile" type="text" name="myMobile"></label> 
  2. <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函数进行验证

源代码

示例http://p2227.github.io/easyValidator/demo/

代码https://github.com/p2227/easyValidator


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值