javascript如何验证两次输入密码是否相同?

javascript验证两次输入密码是否相同的方法:JavaScript中可以直接使用“==”比较两次输入的密码是否相等。

JavaScript判断两次密码是否一致代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title>用户注册</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body>
  <h1>用户注册</h1>
  <form method="post" action="add_chk.php">
   <ul>
	
	<li>输入你要使用的帐号:
	<input class="easyui-validatebox" required="true" missingMessage="姓名必须填写" size="20" 
	type="text" name="id"></input></li>
	<li>输入你要使用的密码:
	<input class="easyui-validatebox" required="true" missingMessage="密码必须填写" 
	size="20" type="password" name="passwd" id="pwd1">
	</input></li>
	<li>重新输入一样的密码:
	<input class="easyui-validatebox" required="true" missingMessage="密码必须填写" 
	size="20" type="password" name="passwd" id="pwd2" οnkeyup="validate()"/>
	<span id="tishi"></span></input></li>
	<li><input type="submit" value="提交"><input type="reset" value="重新输入"></li>
   </ul>
  </form>
  <a href="index.html">返回主菜单</a>
  <script>
          function validate() {
              var pwd1 = document.getElementById("pwd1").value;
              var pwd2 = document.getElementById("pwd2").value;
		<!-- 对比两次输入的密码 -->
             if(pwd1 == pwd2) {
               document.getElementById("tishi").innerHTML="<font color='green'>两次密码相同</font>";
               document.getElementById("submit").disabled = false;
              }
              else {
               document.getElementById("tishi").innerHTML="<font color='red'>两次密码不相同</font>";
                document.getElementById("submit").disabled = true;
              }
          }
      </script>
 </body>
</html>

“==” 的比较规则

  • 先检查两个操作数的数据类型是否相同

  • 如果相同,则比较两个数是否相等

  • 如果不同,则先将两个数转换为相同数据类型,再进行比较

以上就是javascript如何验证两次输入密码是否相同?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 答疑