Question

我有一个简单的登录，我无法完成验证工作。我想知道是否有人可以提供帮助。

HTML：

<div class="login">
        <h2>Sign In</h2>

        <form id="frmLogin" method="post">

            Username: <input id="txtUsername" name="txtUsername" type="text" /><br/>
            Password: <input name="txtPassword" type="password" /> <br/>
            <button onClick="validateLogin()">Log In</button>
        </form>
    </div><!-- End of Login Section -->

使用Javascript：

<script>
function validateLogin()
{
    var userName = document.getElementsByID('txtUsername').value;

    var invalidForm = 0;

    if(userName == "")
    {
        alert("Username cannot be blank!");
        invalidForm = 1;                
    }//end if

    if(invalidForm == 0)
    {
        alert("Form validated, no errors");
    }//end if 

}
</script>

目前我正在测试一个空的用户名，一旦我能够开始工作，我将继续其余的工作。谢谢！

Answer 1

要按ID获取和元素，函数名称为getElementById而不是getElementsByID，此外，javascript区分大小写，因此getElementByID不起作用。

function validateLogin()
{
    var userName = document.getElementById('txtUsername').value;

    var invalidForm = 0;

    if(userName == "")
    {
        alert("Username cannot be blank!");
        invalidForm = 1;                
    }//end if

    if(invalidForm == 0)
    {
        alert("Form validated, no errors");
    }//end if 

}

Answer 2

你的jquery代码是这样的： -

<script>
function validateLogin()
{
    var userName = document.getElementById('txtUsername').value;

    var invalidForm = 0;
    var errMessage = ""

    if(userName === "")
    {
        errMessage = "Username cannot be blank!";
        invalidForm = 1;                
    }//end if

    if(invalidForm == 0)
    {
        alert("Form validated, no errors");
    }
    else if (invalidForm == 1)
    {
       alert(errMessage);
       return false;
    }
}
</script>

它可能对你有帮助。

表单验证无效

2 个答案: