easyui的validatebox重写自定义验证规则的几个实例

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代码 :

<input class="easyui-validatebox" data-options="validType:'minLength[5]'">

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代码:

　　　　　　　　　<tr><td width="100px" align="right" ><nobr>DRDS链接密码:</nobr></td><td ><input type="password" class="easyui-validatebox" id="password" name="password" style="width: 200px" required="required" validType="checkpassword"/><span></span>     </td></tr><tr id="wltr"><td width="100px" align="right" ><nobr>确认密码:</nobr></td>  <td width="300px"><input type="password" class="easyui-validatebox" id="repassword" name="repassword" required="required"style="width: 200px" validType="equalTo['#password']"/>                    </td></tr>

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: '两次输入密码不匹配' }
});

easyui的validatebox重写自定义验证规则的几个实例相关推荐

validatebox自定义验证规则以及使用
//===============jsp======state====//开启验证<script type="text/javascript"> yZ() ...
后盾网lavarel视频项目---自定义验证和自定义验证规则
后盾网lavarel视频项目---自定义验证和自定义验证规则一.总结一句话总结: 1.自定义验证就是用的自定义验证请求类:php artisan make:request AdminPost 2. ...
yii2中的rules 自定义验证规则详解
yii2的一个强大之处之一就是他的Form组件,既方便又安全.有些小伙伴感觉用yii一段时间了,好嘛,除了比tp"难懂"好像啥都没有. 领导安排搞一个注册的功能,这家伙刷刷刷的又是 ...
教你三种Model(AR)中自定义验证规则的方法
2019独角兽企业重金招聘Python工程师标准>>> 各位Yii2兄弟都知道Model的rules里面可以使用自己定义的验证规则,我们今天就把自定义规则做一个总结,进行一次彻底的知 ...
php验证法则是10位数字,自定义验证规则
> ## 设置验证规则 ``` // 1.数组传入(针对在控制器中定义验证) $rules = [ 'name' => 'require|max:25', 'age' => 'num ...
layui单选框verify_layui lay-verify form表单自定义验证规则详解
虽然layui的官方文档已经是写的比较详细,但是初次使用的时候总会懵一下,这里纪录一下lay-verify自定义验证规则的时候到底放哪. html: 提交 js: form.verify({ //数组 ...
layui的表单——自定义验证规则
最近layui的表单用的比较多,所以整理来一下自定义的验证如下(下面是自己写的例子): layui的官网引入layui之后 html <form action="" cla ...
Gin验证请求参数-自定义验证规则
Gin对请求参数自定义验证规则可以分三步: 自定义结构体验证绑定binding标签针对该标签定义验证方法再将该验证方法注册到validator验证器里面自定义结构体验证绑定binding标签需 ...
validate校验及自定义验证规则
1.默认校验 (1).required:true 必输字段 (2).remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入 ...

easyui的validatebox重写自定义验证规则的几个实例

easyui的validatebox重写自定义验证规则的几个实例相关推荐

最新文章

热门文章