密码检查器JavaScript和HTML<;表格>;

密码检查器JavaScript和HTML<;表格>;,javascript,html,if-statement,dom,input,Javascript,Html,If Statement,Dom,Input,我试图让一个网站显示不同的消息,这取决于输入的密码是否正确(正确的密码是密码)。到目前为止,没有运气 根据Chrome,错误在这一行(函数的第一行): if(document.getElementById(“psw”)=“thePassword”){ JSFiddle: 提前谢谢 <!DOCTYPE html> <html> <head> </head> <body> <form> Password<br&

我试图让一个网站显示不同的消息,这取决于输入的密码是否正确(正确的密码是密码)。到目前为止,没有运气

根据Chrome,错误在这一行(函数的第一行):

if(document.getElementById(“psw”)=“thePassword”){

JSFiddle:

提前谢谢

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

密码


函数消息(){ if(document.getElementById(“psw”)=“thePassword”){ document.getElementById(“显示”).innerHTML=“登录”; }否则{ document.getElementById(“display”).innerHTML=“重试!”; }}

编辑:我希望您不要试图重写整个代码,只做必要的更改。谢谢!

更改

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

if(document.getElementById("psw").value == "thePassword")
if
语句中使用双等于(
=
),而不是单等于(
=

而不是

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

您的代码有几处错误:

  • 比较.value,而不是元素本身
  • 比较是(至少)=而不是=(赋值)
  • 不要使用提交按钮作为触发器,因为这将在单击按钮后立即重置页面
请在以下网址查找更新版本:


您正在尝试将字符串分配给节点。请尝试将其值与字符串进行比较:
if(document.getElementById(“psw”)。value==“thePassword”)
但是,如果有人使用“Inspect DOM”,无论如何,很容易发现密码,所以这不是一种安全的方法。你知道,在JavaScript中检查密码会将密码泄露给任何查看你的源代码的人,对吗?@insertUserName在这里可以工作,非常感谢。是的,我知道,这只是为了测试,因为我还是JavaScript新手。你有什么建议吗安全性评估?php,method=POST或类似?@thesystem“你有什么建议吗…”。这不是不可克服的,但在您彻底研究该主题之前,请不要尝试实现任何与密码相关的内容。@zzzzBov这是一个很好的资源。现在我只是为了学习而胡乱使用它,所以请确保不要这样做。非常感谢
文档.getElementById(“psw”)。值
if (document.getElementById("psw") = "thePassword") 
function message() {
    if (document.getElementById("psw").value == "thePassword") {
        document.getElementById("display").innerHTML = "Logged in";
    } else {
        document.getElementById("display").innerHTML = "Try again!";
    }
}