php表单确认密码,jQuery表单验证之密码确认实例详解

本文主要为大家详细介绍了jQuery表单验证之密码确认的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

众所周知，在修改密码时会需要两次输入密码。这时如何确保两个密码框中都有内容？两个密码框中是一致的？如果一个没有输入会给出提示？OK这一切都可以用JS来实现，具体思想很简单啦，就是编写事件获取dom节点，判断对象的取值呀？

那么编写什么事件？应该是onblur事件~。而且要为两个密码框都加上失去焦点的blur事件。利用jQuery比较方便勒。

话不多说，直接上代码：

password验证

请输入密码：

请确认密码：

两次输入的密码不一致

$(".tip").hide();

function checkpas1(){//当第一个密码框失去焦点时，触发checkpas1事件

var pas1=document.getElementById("password").value;

var pas2=document.getElementById("repassword").value;//获取两个密码框的值

if(pas1!=pas2&&pas2!="")//此事件当两个密码不相等且第二个密码是空的时候会显示错误信息

$(".tip").show();

else

$(".tip").hide();//若两次输入的密码相等且都不为空时，不显示错误信息。

}

function checkpas(){//当第一个密码框失去焦点时，触发checkpas2件

var pas1=document.getElementById("password").value;

var pas2=document.getElementById("repassword").value;//获取两个密码框的值

if(pas1!=pas2){

$(".tip").show();//当两个密码不相等时则显示错误信息

}else{

$(".tip").hide();

}

function checkpas2(){//点击提交按钮时，触发checkpas2事件，会进行弹框提醒以防无视错误信息提交

var pas3=document.getElementById("password").value;

var pas4=document.getElementById("repassword").value;

if(pas3!=pas4){

alert("两次输入的密码不一致！");

return false;

}

php表单确认密码,jQuery表单验证之密码确认实例详解相关推荐

php滚动加载分页,jQuery scroll事件实现监控滚动条分页实例详解
这篇文章主要介绍了jQuery scroll事件实现监控滚动条分页简单示例,使用ajax加载,同时介绍了(document).height()与$(window).height()的区别,需要的朋友可 ...
php mysql修改命令_PHP编程：mysql alter table命令修改表结构实例详解
<PHP编程:mysql alter table命令修改表结构实例详解>要点: 本文介绍了PHP编程:mysql alter table命令修改表结构实例详解,希望对您有用.如果有疑问,可 ...
mysql 创建删除表_mysql创建删除表的实例详解
表的创建命令需要: 表的名称 字段名称 定义每个字段(类型.长度等) 语法下面是通用的SQL语法用来创建MySQL表: CREATE TABLE table_name (column_name ...
c语言实现顺序表源程序,C语言实现静态顺序表的实例详解
C语言实现静态顺序表的实例详解线性表定义一张顺序表也就是在内存中开辟一段连续的存储空间,并给它一个名字进行标识.只有定义了一个顺序表,才能利用该顺序表存放数据元素,也才能对该顺序表进行各种操作. ...
java 获取oracle表结构_Java导出oracle表结构实例详解
Java导出oracle表结构实例详解发布于 2020-7-20| 复制链接摘记: Java导出oracle表结构实例详解最近用到的,因为plsql是收费的,不让用,找了很多方法终于发现了这个. ...
oracle中表空间实例,oracle的表空间实例详解
oracle 的表空间实例详解查询表空间 SELECT UPPER(F.TABLESPACE_NAME) "表空间名", D.TOT_GROOTTE_MB "表空间大小 ...
python如何调用文件进行换位加密_python 换位密码算法的实例详解
python 换位密码算法的实例详解一前言: 换位密码基本原理:先把明文按照固定长度进行分组,然后对每一组的字符进行换位操作,从而实现加密.例如,字符串"Error should neve ...
JQuery在循环中绑定事件的问题详解
JQuery在循环中绑定事件的问题详解有个页面上需要N个DOM,每个DOM里面的元素ID都要以数字结尾,比如说 ? 1 2 3 <input type="text" nam ...
mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解，mvcpagerajax分页...
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...
HTML导航栏的四种制作方法,jQuery+CSS3实现四种应用广泛的导航条制作实例详解
导航条的使用很广,每个网站都会做出具有自己特色的导航条.最近特地去了解了各种类型的导航条,比如具有高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,甚至是具有摩擦运动动画的导航条(文字下 ...

php表单确认密码,jQuery表单验证之密码确认实例详解

php表单确认密码,jQuery表单验证之密码确认实例详解相关推荐

最新文章

热门文章