博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui的validatebox重写自定义验证规则的几个实例
阅读量:7210 次
发布时间:2019-06-29

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

validatebox已经实现的几个规则:

验证规则是根据使用需求和验证类型属性来定义的,这些规则已经实现(easyui API):

  • email:匹配E-Mail的正则表达式规则。
  • url:匹配URL的正则表达式规则。
  • length[0,100]:允许在x到x之间个字符。
  • remote['http://.../action.do','paramName']:发送ajax请求需要验证的值,当成功时返回true。

拓展:自定义验证规则

自定义验证规则,需要重写$.fn.validatebox.defaults.rules中定义的验证器函数和无效消息。

1. 限制输入框中字符最小长度为5:

html代码 :

js验证代码:

$.extend($.fn.validatebox.defaults.rules, {        minLength: {            validator: function(value, param){                return value.length >= param[0];            },            message: 'Please enter at least {0} characters.'       }    });

2. 验证输入密码和确认密码是否一致:

html代码:

                         
DRDS链接密码:
确认密码:

js验证代码:

$.extend($.fn.validatebox.defaults.rules, {        equalTo: {
    validator: function (value, param) {
      return $(param[0]).val() == value;        },      message: '两次输入密码不匹配' } });

多个验证规则可以并列在一个验证规则里面使用,例如上面两个并列在一起使用的方式如下:

$.extend($.fn.validatebox.defaults.rules, {        minLength: {            validator: function(value, param){                return value.length >= param[0];            },            message: 'Please enter at least {0} characters.'       }    }, equalTo: {    validator: function (value, param) {      return $(param[0]).val() == value;       },     message: '两次输入密码不匹配' }  });

 

转载地址:http://brrum.baihongyu.com/

你可能感兴趣的文章
我与前端 | 视野的重要性
查看>>
亚马逊发布用于Amazon Lightsail的托管数据库
查看>>
Uber:大规模系统下如何构建可伸缩的告警生态系统\n
查看>>
Instana发布微服务应用程序样例
查看>>
Spark Summit EU重头戏:TensorFlow、结构化的流和GPU硬件加速
查看>>
Docker 上开发 nodejs
查看>>
分享一款在线调试的贝塞尔曲线
查看>>
让手机的应用变得可调试
查看>>
JVM虚拟机
查看>>
.Net Core微服务系列--开篇
查看>>
Go语言学习笔记(二)十分钟上手
查看>>
Usage of pmake
查看>>
[译]Professional ASP.NET MVC3(01)-Chapter 1:Getting Started(上)
查看>>
1、时间、FHS 学习笔记
查看>>
mysql基本知识学习
查看>>
Exchange 2010 (三) HUB NLB部署
查看>>
lnmp环境安装-源代码编译
查看>>
java模板上传
查看>>
apache、nginx开启pathinfo
查看>>
Flask+Gunicorn+Gevent+Supervisor+Nginx生产环境部署
查看>>