博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
为easyui添加多条件验证
阅读量:6958 次
发布时间:2019-06-27

本文共 2501 字,大约阅读时间需要 8 分钟。

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

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

  1. 首先为easyui添加两个验证规则,即验证中文,和长度的规则。

                      

$.extend( $.fn.validatebox.defaults.rules,{        length : {
//验证长度 validator : function(value, param) { var len = $.trim(value).length; $.fn.validatebox.defaults.rules.length.message = "输入内容长度必须介于"+param[0]+"和"+param[1]+"之间."; return len >= param[0] && len <= param[1]; }, message :"" }, chinese : {
// 验证中文 validator : function(value) { return /^[\Α-\¥]+$/i.test(value); }, message : '请输入中文' }});

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

group : {
// param的值为[]中值,多条件的验证规则 validator : function(value, param) { var flag = false; var message = "验证不通过"; for(var i=0;i
0){ var start = validatorone.indexOf('[')+1; var end =validatorone.indexOf(']'); validateParam =validatorone.substring(start,end).split(','); validatename = validatorone.substring(0,validatorone.indexOf('[')); } flag = $.fn.validatebox.defaults.rules[validatename].validator(value,validateParam); message = $.fn.validatebox.defaults.rules[validatename].message; //验证 /*flag = eval("$.fn.validatebox.defaults.rules[validatename].validator(value,validateParam)"); message=eval("$.fn.validatebox.defaults.rules[validatename].message");*/ $.fn.validatebox.defaults.rules.group.message = message; if(!flag){ return flag; } } return true; }, message : '验证未通过' }

  3.调用

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

          

    

转载于:https://www.cnblogs.com/lic309/p/4061877.html

你可能感兴趣的文章
Android技能树 — PopupWindow小结
查看>>
如何在create-react-app项目中使用vw实现手淘vw移动端适配布局
查看>>
Wormhole燃烧地址到底有多安全
查看>>
Web探索之旅 | 第三部分第三课:协议
查看>>
20个优秀手机界面扁平化设计,让你一秒看懂扁平化
查看>>
从百度的PPT文化看程序员晋升
查看>>
Python测试登录功能
查看>>
mysql 创建高性能索引
查看>>
babel插件入门-AST(抽象语法树)
查看>>
分布式ID
查看>>
原声写法操作table
查看>>
10 分钟内快速构建能够承载海量数据的 nginx 日志分析与报警平台
查看>>
完全二叉树实现优先队列与堆排序
查看>>
启动时间知多少?8款音视频类应用测评报告分析
查看>>
公司来了个“奇葩”的程序员
查看>>
ubuntu 16.04下docker的安装
查看>>
web页面渲染(一)
查看>>
roadhog+dva中环境变量的配置
查看>>
js解决0.1+0.2==0.3的问题的几种方法
查看>>
python中#!/usr/bin/python与#!/usr/bin/env python的区别
查看>>