innerHTML 消息不起作用答案

【问题标题】：innerHTML message not workinginnerHTML 消息不起作用
【发布时间】：2014-11-15 02:28:22
【问题描述】：

在注册表单中，我让 php 验证密码并将消息“good”发送回 div“password_feedback”。在 if 语句中 if password_feedback == "good" 然后在 "check" div 中显示 "password good"（代码 sn-p 中未显示）。

我对“用户名”和“重新输入密码”做了完全相同的事情，它们工作正常，我将它们一起添加到一个 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>

【问题讨论】：

请正确缩进您的代码。另外，我们不需要<script>标签，我们可以看到它是JS。

标签： javascript forms validation

【解决方案1】：

问题：

您没有将函数绑定到密码字段的更改事件
您正在使用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>

【讨论】：