Question

嗨，你写的代码对我有帮助，但我想在密码不匹配的情况下在innerHTML中显示消息。我正在尝试但是不能为我工作。下面是我的代码。请指导我。我是初学者。

                if (pwd != cpwd) {

                 document.getElementById("pwd").innerHTML="password must be match";
     document.getElementById("cpwd").innerHTML="password must be match";
     document.getElementById("pwd").style.color="RED";

      return false;

}

我想知道如何准确写入innerHTML

在你的代码下面

               <input id="pass1" type="password" placeholder="Password" style="border-radius:7px; border:2px solid #dadada;" /> <br />
               <input id="pass2" type="password" placeholder="Confirm Password" style="border-radius:7px; border:2px solid #dadada;"/> <br />

 <script>
function myFunction() {
    var pass1 = document.getElementById("pass1").value;
    var pass2 = document.getElementById("pass2").value;
    if (pass1 != pass2) {
        //alert("Passwords Do not match");
        document.getElementById("pass1").style.borderColor = "#E34234";
        document.getElementById("pass2").style.borderColor = "#E34234";
    }
    else {
        alert("Passwords Match!!!");
    }
}

透过

谢谢你提前等待你的欣赏回答。

Answer 1

您应该使用与“pass2”字段相关联的事件onBlur来触发附加到您问题的第一个代码段。

例如：

document.getElementById("pass2").onblur=function(){
    var pass1 = document.getElementById("pass1").value;
    var pass2 = document.getElementById("pass2").value;
    if (pass1 != pass2) {
      document.getElementById("pass1").innerHTML="password must be match";
      document.getElementById("pass2").innerHTML="password must be match";
      document.getElementById("pass1").style.color="RED";
      return false;
     }
     return true;    
};

另一个选择是将其绑定到提交按钮。

Answer 2

添加div以将密码验证响应存储到文档，如<div id='validate'></div>，然后在检查密码匹配后，您可以在此div的html中显示相应的结果 document.getElementById('validate').innerHTML="passwords do not match!";

如果不匹配则javascript密码匹配innerHTML中显示

2 个答案: