javascript - insideHTML 消息不起作用

Question

在注册表中，我有 php 验证密码并将消息“good”发送回 div“password_feedback”。在if语句中，如果password_feedback ==“good”，则在“check”div中显示“password good”(代码片段中未显示)。

我对“用户名”和“重新输入密码”做了完全相同的事情，它们工作正常，我已将它们添加到一个 if 语句中。但密码和电子邮件不起作用，尽管我对它们都做了完全相同的事情。是不是有什么我不知道的原因导致了这个问题。

<script type='text/javascript'>

  function check_info(){
    var password_good = document.getElementById('password_feedback').innerHTML;
	
    if(password_good == "good" ){
      document.getElementById("check").innerHTML = "password good";
    } else{
      document.getElementById("check").innerHTML = "bad job ";
    }	
  }

</script>

<input name="password" type="password" id="password_input" value="">
<div id="password_feedback"> </div>

Answer 1

问题:

• 您没有将您的函数绑定(bind)到密码字段的更改事件
• 您正在使用 innerHTML 而不是 value 检查值
• 您在 document.getElementById() 中使用了错误的 ID

您的代码已修复:

var password_input = document.getElementById('password_input');

password_input.onchange = password_input.onkeyup = function() {

  var password_good = (password_input.value === "good");

  document.getElementById("check").innerHTML = password_good ? 'Good' : 'Bad';

}

<input name="password" type="password" id="password_input">

<div id="check"></div>