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

最新推荐文章于 2021-04-12 21:23:43 发布

原创最新推荐文章于 2021-04-12 21:23:43 发布 · 256 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #easyui #javascript #ViewUI

Javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个针对Jquery EasyUI框架的表单验证扩展，新增了用于验证两个输入框值是否相等的功能，并提供了使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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库。