我将我的登录js文件(log.js)链接到这个html代码中,但它没有做任何更改

I am linking my login js file(log.js) into this html code,but it does not make any change

本文关键字:js 代码 任何更 html 文件 登录 我的 log 链接      更新时间:2023-09-26

这是我的.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();
    }
}
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"后的花括号

您无法通过正在使用的方法访问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();
    }
}

我还想指出的是,您的验证代码很容易被黑客入侵,因为这一切都将在您的源代码中以纯英语进行:)