这是我的.html正文内容:
<form name="login">
<table border="0" cellpadding="2.0" cellspacing="2.0" align="left">
<tr>
<td>Username </td>
<td>
<input name="username" type="text" id="username" maxlength="15"></input>
</td>
</tr>
<tr>
<td>Password </td>
<td>
<input name="password" type="password" id="password" maxlength="10"></input>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </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();
}
}
我还想指出的是,您的验证代码很容易被黑客入侵,因为这一切都将在您的源代码中以纯英语进行:)