Question

我需要帮助制作网页。

当用户输入密码时，我希望声明“密码不一样”。但我不明白我的代码有什么问题。

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> Login Page </title>
  </head>
  <body>
    <form action="login_2.php" method="post">
      <input type="hidden" name="action" value="login">
      <input type="hidden" name="hide" value="">
      <table class='center'>
        <tr><td>Login ID:</td><td><input type="text" name="ID"></td></tr>
        <tr><td>Password:</td><td><input type="password" name="password"></td></tr><br>
        <tr><td>confirm_password: </td><td><input type="password" name="confirm_password" onkeyup="test();"></td></tr><br>
        <tr><td><div id="pwd" style="height: 35px;"></div></td></tr>
        <tr><td>Full Name: </td><td><input type="text" name="name"></td></tr>
      </form>
      <script>
        function test(){
          if(document.info.password.value != document.info.confirm_password.value){
            document.getElementById('pwd').innerHTML='wrong';
          }else{
            document.getElementbyId('pwd').innerHTML='continue';
          }
        }
      </script>
    </table>
    <tr><td>&nbsp;</td><td><input type="submit" value="Login"></td></tr>
  </body>
</html>

Answer 1

由于输入字段中没有ID，您可以将document.info更改为document.getElementsByName

function test(){
    if(document.getElementsByName("password")[0].value != document.getElementById("confirm_password")[0].value){
            document.getElementById('pwd').innerHTML='wrong';
    }else{
            document.getElementbyId('pwd').innerHTML='continue';
    }
}

Answer 2

在jsfiddle

上查看

<强> jquery的：

$(document).ready(function(){
$("input[name=confirm_password]").keyup(function(){
    pass=$("input[name=password]").val();
    confpass=$("input[name=confirm_password]").val();
    if(pass==confpass)
        $("#pwd").html("same");
    else
        $("#pwd").html("wrong");
});

}）;

Answer 3

在表格信息中写名称，将起作用

   <script>
    function test(){
            if(document.info.password.value != document.info.confirm_password.value){
                alert( "password doesn't match!" );
        document.info.Name.focus() ;

        return false; 
            }else{  

         return true; 
            }
    }
    </script>

使用JavaScript确认密码

3 个答案: