Jquery或者JS方法验证密码是否一致

Posted ChrissZhao

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery或者JS方法验证密码是否一致相关的知识，希望对你有一定的参考价值。

 

 

<script src="../JS/jquery-3.2.0.js" type="text/javascript" ></script>
<script src="../JS/bootstrap.min.js"></script>
<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />

<body>
<div class="form-group">
            	<label class="col-sm-2 control-label font">密码</label>
        			<div class="col-xs-10">
            			<input type="password" class="form-control bt" name="pwd" id="pwd" placeholder="请设置登录密码">
        			</div>
        	</div><br/><br/><br/>
            
            <div class="form-group">
            	<label class="col-sm-2 control-label font">确认密码</label>
        			<div class="col-xs-10">
            			<input type="password" class="form-control bt" name="pwd" id="pwd1" placeholder="请再次填写密码" onkeyup="validate()"><span id="tishi"></span>
        			</div>
        	</div><br/><br/>
</body>

 JS方式 onkeyup="validate()"是引用方法的方式

<script>
function validate() {
	var pwd1 = document.getElementById("pwd").value;
	var pwd2 = document.getElementById("pwd1").value;

<!-- 对比两次输入的密码 -->
	if(pwd1 == pwd2) 
	 {
		document.getElementById("tishi").innerhtml="<font color=\'green\'>两次密码相同</font>";
		document.getElementById("button").disabled = false;
     }
else {
		document.getElementById("tishi").innerHTML="<font color=\'red\'>两次密码不相同</font>";
		document.getElementById("button").disabled = true;
 	 }
}
</script>

 Jquery方法

<script>
function validate() {
     
    var pwd = $("#pwd").val();
    var pwd1 = $("#pwd1").val();
<!-- 对比两次输入的密码 -->
    if(pwd == pwd1)
     {
        $("#tishi").html("两次密码相同");
         $("#tishi").css("color","green");
    $("#xiugai").removeAttr("disabled");
     }
else {
        $("#tishi").html("两次密码不相同");
         $("#tishi").css("color","red")
          $("button").attr("disabled","disabled");   
      }
}
</script>

 

以上是关于Jquery或者JS方法验证密码是否一致的主要内容，如果未能解决你的问题，请参考以下文章

怎样验证jsp页面输入的用户名与密码和数据库中的一致？

验证输入的账号与密码是否一致的方法

validate中remote的用法

如何用js实现验证密码6-10位数 求大神帮帮忙 谢谢了

js或jquery中的验证

Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段