javascript - if 语句在这段代码中永远不起作用

Question

即使我已经填充了文本字段和 密码字段。 alert 函数在 if 语句之前工作正常，但 alert 函数在 if 语句之后工作if 语句永远不起作用。

函数如下:

<script type="text/javascript">
    function CheckForMissingFields() {
        alert("before if statement");
        if(document.getElementById("username").length != 0 && document.getElementById("password").length != 0) {
            document.getElementByName("SignInButton").disabled = 'false';
            alert("inside if statement");
        }
        alert("outside if statement");
    } 

最初按钮 SignIn 的状态是禁用的。当两个字段都完成时，我希望启用它。if 语句从不工作的原因可能是什么？

以下是相应的 HTML 登录代码段:

<ul>  <form method="post" action="#">
          <li> <input type="text" id="username" value="Username or Email" size="25" name="UserID"  onfocus="emptyTextField()" /> </li>
          <li> <input type="password" id="password" value="password" size="25" name="UserPassword" onfocus="emptyPasswordField()" /> 
          <center><input type="submit" value="sign-in" style="font-size:20px" name="SignInButton" disabled="true"/> </center>
          </li>
              </form>
</ul>

Answer 1

使用:if (document.getElementById("username").value.length) 等。换句话说，您需要该字段的值。

顺便说一句，不需要 !=0，如果 value.length === 0 value.length 将评估为 错误 (错误)

在检查值长度之前，您可能需要 trim值，所以:

if (document.getElementById("username").value.replace(/^\s+|\s+$/,'').length)