JavaScript函数/事件侦听器无法正常运行

克里斯托弗·科菲尔德·阿克雷

我对JavaScript完全陌生,不知道为什么这不起作用。当我单击输入框并输入少于5个字符时,我希望显示一条消息。该消息根本没有显示。源代码:https : //jsfiddle.net/015por64/

<html>
    <body>
    <form id="form>">
        <input id="input">
        <div id="text"> Test </div>
        </input>
        </form>   
    </body>
</html>

<script>
function checkUserName(e, minLength) {
  var username = document.getElementById("input");
  var usernameLength = username.textContent;
    if (usernameLength.value.length < 5) {
        msg = "Your username must consist of at least five characters."
    };
    else {
        msg = "";
        text.innerHTML=msg
    };
}
var text = document.getElementById("text");
text.addEventListener("blur", function(e) {checkUserName(e, 5)}, false)
</script>

迪杰

您的代码的几个问题:

  1. 您需要将事件附加到#input而不是div#text
  2. 您需要阅读的价值,#input而不是textcontent
  3. ; 之后,如果是错误的,则否则将给出语法错误。

<html>
    <body>
    <form id="form>">
        <input id="input">
        <div id="text"> Test </div>
        </input>
        </form>   
    </body>
</html>

<script>
function checkUserName(e, minLength) {
  var username = document.getElementById("input");
  var usernameLength = username.value;
    if (usernameLength.length < 5) {
        msg = "Your username must consist of at least five characters.";
        text.innerHTML=msg;
    }else {
        msg = "";
        text.innerHTML=msg;
    };
}
var text = document.getElementById("text");
document.getElementById('input').addEventListener("blur", function(e) {checkUserName(e, 5);}, false)
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章