Question

首先我将展示一些代码。 html：

<label>Password </label> <input type="password" id="pword"><br>
<label>Confirm Password </label>  <input type="password" id="confpword" onkeyup="passwordValidation(); return false;">
<span id="themessage" class="themessage"></span><br>

JS：

function passwordValidation(){

    var username = document.getElementById("uname");
    var password1 = document.getElementById("pword");
    var confpword1 = document.getElementById("confpword");
    var themsg = document.getElementById("themessage");
    var gc = "#ff6666";

    if (password1.value == confpword1.value){
        themsg.style.color = gc;
        themsg.innerHTML = "Passwords match";
    }else{
        themsg.style.color = gc;
        themsg.innerHTML = "Passwords do not match";

    }

    }

我无法理解为什么在我开始在输入框中输入内容之后不会显示任何内容。在我关键词之后＆＃39;一旦输入确认密码框，肯定会显示2条消息中的1条。我无法弄清楚为什么文本不可见。

js小提示显示当前代码的问题。如果有帮助，人们可以编辑

感谢

https://jsfiddle.net/z5xj4hrt/

Answer 1

您的代码有效，您的JSFiddle设置错误。

如果要调用类似函数，则需要将JavaScript代码执行选项设置为“No wrap - In head”或“No wrap-In body”。

OnDomReady不会保留此功能。

请参阅corrected JSFiddle

获取要在javascript方法上显示的消息

1 个答案: