easyui的验证框架,validatebox不能有效的支持多个条件的验证,比如中文用户名,既要验证其是中文,又要验证其长度不超过6位时便显得很繁琐,需要反复的为easyui添加验证规则。

在此实现一个多个条件验证的验证规则,使验证规则通过参数传入自定义的验证规则中。

  1. 首先为easyui添加两个验证规则,即验证中文,和长度的规则。
  1. $.extend( $.fn.validatebox.defaults.rules,{
  2. length : {//验证长度
  3. validator : function(value, param) {
  4. var len = $.trim(value).length;
  5. $.fn.validatebox.defaults.rules.length.message = "输入内容长度必须介于"+param[0]+"和"+param[1]+"之间.";
  6. return len >= param[0] && len <= param[1];
  7. },
  8. message :""
  9. },
  10. chinese : {// 验证中文
  11. validator : function(value) {
  12. return /^[\Α-\¥]+$/i.test(value);
  13. },
  14. message : '请输入中文'
  15. }
  16.  
  17. });

2.添加一个验证多条件的规则

  1. group : {// param的值为[]中值,多条件的验证规则
  2. validator : function(value, param) {
  3. var flag = false;
  4. var message = "验证不通过";
  5. for(var i=0;i<param.length;i++){
  6. var validatorone = param[i];
  7. var validatename =validatorone;
  8. var validateParam =null;
  9. //取名称和参数
  10. if(validatorone.indexOf('[')>0){
  11. var start = validatorone.indexOf('[')+1;
  12. var end =validatorone.indexOf(']');
  13. validateParam =validatorone.substring(start,end).split(',');
  14. validatename = validatorone.substring(0,validatorone.indexOf('['));
  15. }
  16. flag = $.fn.validatebox.defaults.rules[validatename].validator(value,validateParam);
  17. message = $.fn.validatebox.defaults.rules[validatename].message;
  18. //验证
  19. /*flag = eval("$.fn.validatebox.defaults.rules[validatename].validator(value,validateParam)");
  20. message=eval("$.fn.validatebox.defaults.rules[validatename].message");*/
  21.  
  22. $.fn.validatebox.defaults.rules.group.message = message;
  23. if(!flag){
  24. return flag;
  25. }
  26. }
  27. return true;
  28. },
  29. message : '验证未通过'
  30. }

  3.调用

  1. <input name="name" class="easyui-validatebox" required="required" validtype="group['chinese','length[2,25]']" />

  由于多条件验证的参数是通过字符串传递的,所以如果子验证中还需要使用引号时需要转义。

    

为easyui添加多条件验证的更多相关文章

  1. IdentityServer4 使用OpenID Connect添加用户身份验证

    使用IdentityServer4 实现OpenID Connect服务端,添加用户身份验证.客户端调用,实现授权. IdentityServer4 目前已更新至1.0 版,在之前的文章中有所介绍.I ...

  2. 为CDH 5.7集群添加Kerberos身份验证及Sentry权限控制

    转载请注明出处:http://www.cnblogs.com/xiaodf/ 4. 为CDH 5集群添加Kerberos身份验证 4.1 安装sentry1.点击“操作”,“添加服务”:2.选择sen ...

  3. 【转载】IdentityServer4 使用OpenID Connect添加用户身份验证

    使用IdentityServer4 实现OpenID Connect服务端,添加用户身份验证.客户端调用,实现授权. IdentityServer4 目前已更新至1.0 版,在之前的文章中有所介绍.I ...

  4. 雷林鹏分享:jQuery EasyUI 数据网格 - 条件设置行背景颜色

    jQuery EasyUI 数据网格 - 条件设置行背景颜色 本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不 ...

  5. EasyUI添加进度条

    EasyUI添加进度条 添加进度条重点只有一个,如何合理安排进度刷新与异步调用逻辑,假如我们在javascript代码中通过ajax或者第三方框架dwr等对远程服务进行异步调用,实现进度条就需要做到以 ...

  6. jQuery EasyUI/TopJUI创建文本验证框(不写js,纯HTML实现!!!)

    jQuery EasyUI/TopJUI创建文本验证框(不写js,纯HTML实现!!!) validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效.如果用户输入了无效的值,它将会更改 ...

  7. laravel为模型中所有查询统一添加WHERE条件

    在使用laravel开发web系统的过程,需要在model处为该模型统一添加一个条件或者多个条件,研究了一个laravel的模型类,发现model中有个方法是构建查询的,方法如下: /** * Reg ...

  8. 用easyui实现查询条件的后端传递并自动刷新表格的两种方法

    用easyui实现查询条件的后端传递并自动刷新表格的两种方法 搜索框如下: 通过datagrid的load方法直接传递参数并自动刷新表格 通过ajax的post函数传递参数并通过loadData方法将 ...

  9. MYSQL如何在创建表时添加判断条件

    大家好,我是小皓. 一.背景 今天在博主练习MYS创建表操作时遇到一个语法报错,就想着来和大家分享一下MYSQL如何在创建表时添加判断条件: ERROR 1064 (42000): You have ...

随机推荐

  1. GC分析中提到的根对象是什么

    一些文章在分析GC时,不可逾越的说到要先从根对象扫描出不可达对象,然后标记那些不可达对象为垃圾.那么源头根对象是什么玩意呢? 几分钟后google到比较可信源是http://stackoverflow ...

  2. vmware之VMware Remote Console (VMRC) SDK(一)

    通过console可以实现类似远程桌面的功能,但它的实现方式和远程桌面不同,一般来说远程桌面必须要有网络支持,在机器关闭或者启动过程中无法连接.而console是通过esx的虚拟化组件实现远程桌面.在 ...

  3. Backup--清理MSDB中的备份记录

    每次数据库备份或日志备份,都会向msdb中多多张表插入数据,如果备份比较频繁的话,需要定期清理. 使用sp_delete_backuphistory来清理以下表中数据: backupfile back ...

  4. robot中使用evaluate转化数据格式

    如果你使用robot却没有用过evaluate,那你将永远禁锢在框架中. json对象格式入参可以使用字典格式直接传入,但最近有一个接口测试的入参是一个json数组,在传参时总是提示请求参数不合法, ...

  5. Knockoutjs+select2 人员搜索

    HTML: <select class="form-control PersonEmail" id="txtProjectManager" data-bi ...

  6. 【QTP专题】05_参数化之Excel

    QTP使用外部Excel实现参数化主要有以下两种方式 导入到DataTable中 Syntax:DataTable.ImportSheet(FileName, SheetSource, SheetDe ...

  7. 使用 Git 进行版本控制

    使用 Git 进行版本控制 版本控制软件让你能够拍摄处于可行状态的项目的快照.修改项目(如实现新功能)后,如果项目不能正常运行,可恢复到前一个可行状态. 通过使用版本控制软件,你可以无忧无虑地改进项目 ...

  8. 用最短的payload绕过WAF(入门)

    本文作者:jishuzhain <font color=green>想绕过一个WAF,我们可以用最短的payload来做,这里只是基础示例,望各位大佬勿喷,小弟在此谢过.</font ...

  9. jquery源码解析:expando,holdReady,ready详解

    jQuery的工具方法,其实就是静态方法,源码里面就是通过extend方法,把这些工具方法添加给jQuery构造函数的. jQuery.extend({       //当只有一个对象时,就把这个对象 ...

  10. ArchLinux 下文件描述符

    stderr -> /proc/self/fd/2 标准错误:2 stdin -> /proc/self/fd/0 标准输入:0 stdout -> /proc/self/fd/1 ...