js验证两次输入的密码是否一致

最新推荐文章于 2023-08-05 21:47:35 发布

Omit03

最新推荐文章于 2023-08-05 21:47:35 发布

阅读量1.9k

点赞数 1

本文链接：https://blog.csdn.net/qq_36356595/article/details/53308613

版权

<!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>

Omit03

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
js验证两次输入的密码是否一致

用户注册用户注册输入你要使用的帐号：<input class="easyui-validatebox" required="true" missingMessage="姓名必须填写" size="20" type="text" name="id"> 输入你要使用的密码：重新输入一样的密码：返回主菜单
复制链接

扫一扫