为什么不运行此代码的else部分?

时间:2017-01-10 15:22:13

标签: javascript html

我不知道我是否遗漏了一些东西,但这段代码有问题。当我将输入区域留空时,其他部分应该运行,但事实并非如此。有人能解释我为什么吗?

<html>
<head>
<script type="text/javascript">
</script>
</head>
<body>

<p> Put your name and see what happens. </p>

<input id="nameinput">
<button onclick="myFunction()">Click To See Your Name</button>
<p id="namedemo"></p>

<script type="text/javascript">

   function myFunction() {
    if (document.getElementById("nameinput") != "") {
        var u;
        u = document.getElementById("nameinput").value;
        document.getElementById("namedemo").innerHTML = "Your name is " + u;
    }

    else {
        alert("Please fill required field");
    }
}

</script>
 </body>
 </html>

1 个答案:

答案 0 :(得分:3)

您的陈述中缺少.value,它应该是

if(document.getElementById("nameinput").value != ""){

这是一个有效的演示: https://jsfiddle.net/ku7ubhnL/

希望这有帮助!