javascript - 为什么这段代码的 else 部分没有运行?

标签 javascript html

我不知道我是否遗漏了什么,但这段代码有问题。当我将输入区域留空时,else 部分应该运行,但它没有运行。谁能解释一下为什么?

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

最佳答案

你的语句中缺少 .value,它应该是

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

这是一个工作演示: https://jsfiddle.net/ku7ubhnL/

希望这对您有所帮助!

关于javascript - 为什么这段代码的 else 部分没有运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41572259/

相关文章:

javascript - 如何打印位于顶部而不是背景的窗口内容

javascript - 一个 JavaScript 函数禁用其他函数

javascript - 创建自定义 CSS 文本框

javascript - 使用 NestJS 授予 Auth0 授权码

javascript - 在 Canvas 上生成线条无法按预期工作

javascript - 有没有办法只替换页面上所有元素的innerText?

html - 是否有一种一致的方式链接到 Google "I Feel Lucky"结果?

html - 垂直对齐未知高度的 float 元素

javascript - 在没有 jQuery 的情况下禁用 pre IE9 中的按钮

javascript - Ajax调用restful WS总是出错(fiddler得到良好的响应)