Jquery easyui 密码两次输入相等的验证

最新推荐文章于 2021-09-12 13:07:03 发布

转载最新推荐文章于 2021-09-12 13:07:03 发布 · 100 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/yukaizhao/archive/2012/06/16/jquery-easyui-validat

标签

#javascript #ViewUI

本文介绍了一个针对Jquery EasyUI框架的表单验证扩展，实现了两个输入框值相等的验证规则。通过扩展validatebox组件，新增了equalTo验证方法，并提供了使用示例。

Jquery easyui是一个非常好的ui框架，但是表单验证中没有最常用的判断两个输出框中值相等的验证，所以我做了下扩展。

/**
 * @author yukaizhao
 */
$.extend($.fn.validatebox.defaults.rules, {  
    /*必须和某个字段相等*/
    equalTo: {
    	validator:function(value,param){
    		return $(param[0]).val() == value;
    	},
    	message:'字段不匹配'
    }
          
});

使用示例：

密码： <input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/>
<br/>
确认密码：<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox"  validType="equalTo['#password']" invalidMessage="两次输入密码不匹配"/>

将validType属性指定为equalTo['#password']即可。

当然使用这个小插件，必须要先引用jquery easyui的js库。

转载于:https://www.cnblogs.com/yukaizhao/archive/2012/06/16/jquery-easyui-validation-equalto.html