jquery判断输入密码两次是否相等


Posted in Javascript onApril 22, 2020

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去掉,在重新验证下,看看是否有存在其他错误,没有在倒回来排查这个地方。

希望这篇文章可以给大家一些启发,谢谢大家的阅读,小编一定会再接再厉。

Javascript 相关文章推荐
优化JavaScript脚本的性能的几个注意事项
Dec 22 Javascript
JavaScript与C# Windows应用程序交互方法
Jun 29 Javascript
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
Sep 15 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
不使用浏览器运行javascript代码的方法
Jul 24 Javascript
轻松搞定js表单验证
Oct 13 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
Feb 10 Javascript
vue项目如何刷新当前页面的方法
May 18 Javascript
浅谈JavaScript 代码简洁之道
Jan 09 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
Aug 16 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 #Javascript
Jqgrid之强大的表格插件应用
Dec 02 #Javascript
整理Javascript事件响应学习笔记
Dec 02 #Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 #Javascript
通过点击jqgrid表格弹出需要的表格数据
Dec 02 #Javascript
原生JavaScript实现异步多文件上传
Dec 02 #Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
Dec 02 #Javascript
You might like
PHP rawurlencode与urlencode函数的深入分析
2013/06/08 PHP
Yii2 输出xml格式数据的方法
2016/05/03 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
javascript+mapbar实现地图定位
2010/04/09 Javascript
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
jquery实现控制表格行高亮实例
2013/06/05 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
Knockout text绑定DOM的使用方法
2013/11/15 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
2015/04/30 Javascript
jQuery插件制作之参数用法实例分析
2015/06/01 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
jQuery实现手机版页面翻页效果的简单实例
2016/10/05 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
javascript基础知识讲解
2017/01/11 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
2017/09/19 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
使用vue引入maptalks地图及聚合效果的实现
2020/08/10 Javascript
分享一个常用的Python模拟登陆类
2015/03/29 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
Python 字符串池化的前提
2020/07/03 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
瑞士首家网上药店折扣店:McDrogerie
2020/12/22 全球购物
营业员演讲稿
2013/12/30 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
大班幼儿评语大全
2014/04/30 职场文书
单位委托书怎么写
2014/09/21 职场文书
党员查摆问题及整改措施
2014/10/10 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
农村房屋租赁合同(范本)
2019/07/23 职场文书
Python - 10行代码集2000张美女图
2021/05/23 Python
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby