Question

我正在尝试创建一个密码字段，如果有人知道有什么问题，它就无法正常工作我的代码（可能是因为这是我的第二个项目），我将非常感激。

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">

        <title>Password</title>
        <script>
            (function pw_check() {
  var $password;
  $password = document.write(document.getElementById("password"));
  if ($password = "pass") {window.open("alert.html");} 
  else {window.open("pwfail.html");};
  });

        </script>

        <meta name="viewport" content="width=device-width; initial-scale=1.0">
    </head>

    <body>
        <form>
            <input type="password"/>
            <button onclick="pw_check" id="password">submit</button>
        </form>
    </body>
</html>

Answer 1

两个问题：

onclick="pw_check();"，否则您只是引用该功能但实际上并未将其称为

您的pw_check()功能有各种各样的错误。尝试：

function pw_check() {
    var pw = document.getElementById('password_input').value;
    if( pw == "pass") location.href = "alert.html";
    else location.href = "pwfail.html";
}

将表单更改为：

<form>
    <input type="password" id="password_input" />
    <button type="button" onclick="pw_check();">submit</button>
</form>

Answer 2

添加ID：

您尝试通过 ID 获取元素：document.getElementById("password")，并且您的输入具有ID ：

 <input type="password"/>

添加ID：

 <input id="password" type="password"/>

和删除按钮中的ID - ID必须是唯一的。

我需要帮助在html / javascript中创建密码表单

2 个答案: