jquery判断输入密码两次是否相等
更新时间：2020年04月22日 14:54:01 投稿：lijiao
这篇文章分别介绍了Jquery框架easyui判断输入密码两次是否相等，以及使用jQuery.validate验证表单中两次密码是否一致的问题，需要的朋友可以参考下
Jquery easyui是一个非常好的ui框架，但是表单验证中没有最常用的判断两个输出框中值相等的验证，所以我做了下扩展。
$.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库。
使用jQuery.validate验证表单中两次密码是否一致的时候遇到了一点小问题，这是我编写的代码：
$("#aspnetForm").validate({
rules: {
txtName: {
required: true
},
txtTrueName: {
required: true
},
txtPass: {
required: true,
minlength: 3
},
txtTwoPass: {
required: true,
minlength: 3,
equalTo: "#txtPass"
},
txtEmail: {
required: true,
email: true
},
txtAddress: {
required: true
},
txtPhone: {
required: true
}
},
messages: {
txtName: {
required: "*请输入用户名"
},
txtTrueName: {
required: "*请输入姓名"
},
txtPass: {
required: "*请输入密码",
minlength: "*密码不能小于3个字符"
},
txtTwoPass: {
required: "*请输入确认密码",
minlength: "*密码不能小于3个字符",
equalTo: "*请再次输入相同的值"
},
txtEmail: {
required: "*请输入邮箱",
email: "*请输入正确的邮箱格式"
},
txtAddress: {
required: "*请输入地址"
},
txtPhone: {
required: "*请输入手机号码"
}
}
});
为什么明明我输入的两次密码是一致的还一直提示我呢？试过不同的浏览器和不同版本的validate都是如此。
不知道大家有没有遇到类似的问题，我查阅了许多文章，总结了一下解决问题的思路：
- 先去去查看html页面的两个password型是否都赋值id了。
- 或者检索下页面是否存在两个txtPass的id。
- 或者你先将equalTo去掉，在重新验证下，看看是否有存在其他错误，没有在倒回来排查这个地方。
希望这篇文章可以给大家一些启发，谢谢大家的阅读，小编一定会再接再厉。
相关文章
jquery在程序开发ajax应用程序时提高了效率，减少了需要兼容性的问题，当我们在ajax项目中，遇到ajax异步获取数据出错该怎么解决呢，我们可以通过捕捉error事件来获取出错的信息，本文给大家介绍jquery ajax error调试错误的技巧，感兴趣的朋友一起学习吧2015-11-11
jQuery选中select控件 无法设置selected的解决方法
select 控件的 option用jQuery动态添加，然后选中某项时，IE6不能执行（火狐没问题），用try{}catch(err){alert(err.description);}提示为“无法设置selected属性 未指明的错误”2010-09-09
jquery提示 "object expected"的解决方法
在测试代码的时候，提示object expected，下面的解决方法，可以参考下。2009-12-12
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
大家都知道，jQuery事件触发时有2种机制，一种是事件委托，另一种是事件冒泡,冒泡或默认的事件发生,在某些时候是不需要的,在此就需要一些可以阻止冒泡和默认的事件的方法,本文介绍三种方法做到不同程度的阻止，感兴趣的朋友可以了解下，或许对你了解冒泡事件有所帮助2015-11-11
这篇文章主要介绍了jQuery实现仿QQ头像闪烁效果的文字闪动提示代码,涉及jQuery正则表达式及定时函数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了jQuery滑动到底部加载下一页数据的实例代码,需要的朋友可以参考下2017-05-05
这篇文章主要介绍了jQuery实现表格行上移下移和置顶的方法,涉及jQuery操作页面元素的相关技巧,需要的朋友可以参考下2015-05-05
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
下面小编就为大家带来一篇jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了jQuery实现的3D版图片轮播,涉及jQuery针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-01-01
系统默认情况下，使用Tab按键切换页面元素的焦点，有没有想过回车键Enter也可以实现这种功能，并且具有良好的用户体验2014-05-05
最新评论