的JavaScript不是內部形狀

工作，我有以下的HTML代碼的JavaScript不是內部形狀

<div class = "login"> 
     <form> 
     <input type="text" id="username" name="username" placeholder="Username" style="text-align:center"> <br> <br> 
     <input type="password" id="password" name="password" placeholder="Password" style="text-align:center"> <br> <br> 
     <input onclick="loginButton();" name="login_btn" id="login_btn" type="submit" value="Login"> 
     </form> 
    </div>

而且下面的JavaScript：

<script type="text/javascript"> 
    function loginButton() { 
     console.log("this function was called") 
    } 
</script>

在我的控制檯，當我點擊提交按鈕，「這個功能被稱爲」只出現一瞬間，然後消失。然而，當我將提交按鈕放在表單之外時，該消息將保留，並完全執行我的其餘功能。

來源

2016-05-26 user1650487

的可能的複製[我要如何使用JavaScript重裝停止形式？]（http://stackoverflow.com/questions/5150532/how-do-i-stop-the-form-from-reloading-using-javascript） –

您的表單被提交併且頁面重新加載 - 因爲type="submit"上的input元素。

更改它要麼

type="button"

或

onclick="loginButton(); return false;"

來源

2016-05-26 18:03:51 Igor

但是沒有提交按鈕的內部表單我覺得不可能。 –

@AkramKhan - 我不明白你的句子，請嘗試改述。 – Igor

我在說如果你提交的表單沒有jquery/ajax，那麼你必須使用提交按鈕 –

的JavaScript不是內部形狀

回答

相關問題