javascript - 我将我的登录 js 文件（log.js）链接到这个 html 代码中，但它没有做任何改变

Question

这是我的 .html 正文内容：

<form name="login"> 
    <table border="0" cellpadding="2.0" cellspacing="2.0" align="left"> 
        <tr>
            <td>Username&nbsp;</td>
            <td>
                <input name="username" type="text" id="username" maxlength="15"></input>
            </td> 
        </tr> 
        <tr>
            <td>Password&nbsp;</td>
            <td>
                <input name="password" type="password" id="password" maxlength="10"></input>       
            </td> 
        </tr> 
        <tr>
            <td>&nbsp;</td> 
            <td>&nbsp;</td> 
        </tr> 
        <tr>
            <td>&nbsp;</td>
            <td>
                <strong>
                    <input name="Login" type="button" value="Submit" onclick="Vlogin()"></input>
                </strong>
            </td> 
        </tr> 
    </table> 
</form>

...和javascript代码：

function Vlogin()
{
    var user=document.login.username;
    var pass=document.login.password;
    if (user.value=="account1" && pass.value=="backup1") 
    { 
        window.location= "index.jsp";
    }
    else
        alert("Invalid username or password");
        user.focus();
    }
}

Answer 1

您无法通过您正在使用的方法访问 DOM 中的元素.. 例如 document.login

如果要使用原始 JS，可以使用 getElementsByTagName() https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByTagName

但我建议您使用 JQuery，因为它几乎是标准

function Vlogin() {
    var login = $('form[name=login]')
    var user= $('[name=username]', login).val()
    var pass= $('[name=password]', login).val()
    if (user === "account1" && pass ==="backup1") { 
        window.location= "index.jsp";
    } else {
        alert("Invalid username or password");
        user.focus();
    }
}

我还想指出，您的验证代码很容易被黑客入侵，因为这在您的源代码中都是纯英文的:)

Answer 2

function Vlogin()
{
    var user=document.login.username;
    var pass=document.login.password;
    if (user.value == "account1" && pass.value == "backup1") 
    { 
        window.location= "index.jsp";
    }
    else{
        alert("Invalid username or password");
        user.focus();
    }
}

“else”后面的大括号