Question

我正在尝试让网站显示不同的消息，具体取决于输入的密码是否正确（正确的密码是密码）。到目前为止，没有运气。

根据Chrome，错误在此行（函数的第一行）：

if（document.getElementById（“psw”）=“thePassword”）{

提前致谢！

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <form>
    Password<br>
    <input id="psw" type="password" name="password" size="45" autofocus></input><br><br>
    <input type="submit" value="Submit" onclick="message();"></input>
  </form>
<script>
function message () {
  if (document.getElementById("psw") = "thePassword") {
    document.getElementById("display").innerHTML = "Logged in";
  } else {
    document.getElementById("display").innerHTML = "Try again!";
  }}
</script>
<p id="display"></p>
</body>
</html>

编辑：我很感激，不是试图重写整个代码，而只是进行必要的更改。谢谢！

Answer 1

更改

if(document.getElementById("psw") = "thePassword")

if(document.getElementById("psw").value == "thePassword")

Answer 2

在==语句中使用double equals（if）而不是单一等号（=）

if (document.getElementById("psw").value == "thePassword")

而不是

if (document.getElementById("psw") = "thePassword")

Answer 3

您的代码有几个问题：

比较.value，而不是元素本身
比较是（至少）==而不是=（作业）
不要使用提交按钮作为触发器，因为这会在单击按钮

请在https://jsfiddle.net/5grtmxd4/1/

找到更新版本

function message() {
    if (document.getElementById("psw").value == "thePassword") {
        document.getElementById("display").innerHTML = "Logged in";
    } else {
        document.getElementById("display").innerHTML = "Try again!";
    }
}

密码检查器JavaScript和HTML <form>

3 个答案: