提交時Javascript錯誤重定向

Question

這是我的javascript代碼，用於檢查用戶是否輸入了用戶名和密碼字段的值。當我運行這個，它顯示我正確的警報消息，但表單似乎被提交，即使它返回false。有人可以幫助我嗎？

<script type="text/javascript"> 
    function loginValidate(){ 
     if (document.getElementById("username").value==''){ 
      window.alert("Please enter your username"); 
      if (document.getElementById("password").value==''){ 
       window.alert("Please enter your username and password"); 
     return false; 
      } 
     } 
     if (document.getElementById("password").value==''){ 
      window.alert("Please enter your password"); 
     return false; 
     } 

    return true; 
    } 
</script> 

<form onsubmit="loginValidate()"> 
<input type="submit" name="submit" id="submit" value="Login" /> 
</form 

Answer 1

您需要返回由該函數返回的句柄值：

<form onsubmit="return loginValidate()"> 

而且，不提供任何形式的控制「提交」作爲其分配給一個參考的名稱或ID控件向表單的提交屬性，從而掩蓋表單的提交方法（即form.submit引用該控件，因此form.submit()將失敗）。

很少有任何需要一個提交按鈕有一個名稱或ID，所以：

<input type="submit" value="Login"> 

您還可以清理邏輯位。如果傳遞給函數的形式的參考，得到了控制更容易：

<script> 
    function loginValidate(form){ 
    if (form.username.value == ''){ 
     window.alert("Please enter your username"); 
     return false; 
    } 

    if (form.password.value == ''){ 
     window.alert("Please enter your password"); 
     return false; 
    } 
    return true; 
    } 
</script> 

<form onsubmit="return loginValidate(this)"> 
    <table> 
    <tr><td>Username: <td><input type="text" name="username"> 
    <tr><td>Password: <td><input type="password" name="password"> 
    <tr><td colspan="2" style="text-align: right;><input type="submit" value="Login"> 
    </table> 
</form 

注意，這以明文發送的密碼，因此不是特別安全。