jquery判断输入密码两次是否相等
2015-12-02 00:00
766 查看
Jquery easyui是一个非常好的ui框架,但是表单验证中没有最常用的判断两个输出框中值相等的验证,所以我做了下扩展。
使用示例:
将validType属性指定为equalTo['#password']即可。
当然使用这个小插件,必须要先引用jquery easyui的js库。
使用jQuery.validate验证表单中两次密码是否一致的时候遇到了一点小问题,这是我编写的代码:
为什么明明我输入的两次密码是一致的还一直提示我呢?试过不同的浏览器和不同版本的validate都是如此。
不知道大家有没有遇到类似的问题,我查阅了许多文章,总结了一下解决问题的思路:
先去去查看html页面的两个password型是否都赋值id了。
或者检索下页面是否存在两个txtPass的id。
或者你先将equalTo去掉,在重新验证下,看看是否有存在其他错误,没有在倒回来排查这个地方。
希望这篇文章可以给大家一些启发,谢谢大家的阅读,小编一定会再接再厉。
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
passwordStrength 基于jquery的密码强度检测代码使用介绍
jQuery判断密码强度实现思路及代码
JQuery记住用户名和密码的具体实现
jquery判断密码强度的验证代码
$.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的密码强度验证代码jquery.cookie.js 操作cookie实现记住密码功能的实现代码
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
passwordStrength 基于jquery的密码强度检测代码使用介绍
jQuery判断密码强度实现思路及代码
JQuery记住用户名和密码的具体实现
jquery判断密码强度的验证代码
相关文章推荐
- Jquery插件之Fancybox丰富的弹出层效果附源码下载
- jQuery实现为控件添加水印文字效果(附源码)
- 分享15个大家都熟知的jquery小技巧
- jquery实现简单文字提示效果
- jQuery简单实现input文本框内灰色提示文本效果的方法
- jquery实现触发时更新下拉列表内容的方法
- 解决jQuery使用JSONP时产生的错误
- jQuery 1.9.1源码分析系列(十三)之位置大小操作
- jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
- Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
- jQuery实现获取绑定自定义事件元素的方法
- jquery密码强度校验
- Html,Placeholder,Jquery
- jquery单元格合并
- 用jQuery向div中添加Html文本内容
- Jquery为DIV添加点击事件,Jquery为a标签超链接添加点击事件
- jquery利用frame计算第三方网页加载时间
- jQuery 简单笔记
- 如何在一个页面上让多个jQuery
- HTML5+CSS3+Jquery实现纯手工的垂直时光轴【附源码】