0

嗨，您编写的代码对我有帮助，但是当密码不匹配时，我想在 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!!!");
    }
}

峰会

感谢您提前等待您的感谢答复。

4

2 回答 2

1

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

例如：

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;    
};

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

于 2013-06-19T06:23:37.423 回答
0

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

于 2013-06-19T06:18:13.763 回答