我连接我的登录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

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 2

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

我也想指出的是，您的验证码很容易被黑客攻击，因为这都将是纯英文的来源:)