如何避免以引導模式刷新頁面？

Question

這裏是Twitter的引導我的模態代碼：

<div class="modal-body"> 
<form class="form-horizontal" method="POST" name="loginForm" id="loginForm"> 
<div class="control-group"> 
<label class="control-label" for="inputEmail">Email</label> 
<div class="controls"> 
    <div class="input-prepend"> 
    <span class="add-on"><i class="icon-envelope"></i></span> 
    <input class="span2" id="inputIcon" type="text" name="email"/> 
    </div> 
</div> 
</div> 
<div class="control-group"> 
<label class="control-label" for="inputPassword">Password</label> 
<div class="controls"> 
    <div class="input-prepend"> 
    <span class="add-on"><i class="icon-lock"></i></span> 
    <input class="span2" id="password" type="password" name="password"/> 
    </div> 
</div> 
</div> 
<div class="control-group"> 
<div class="controls"> 
<label class="checkbox"> 
<input type="checkbox"> Remember me 
</label> 
</form> 
<button type="submit" class="btn" id="signin_button">Sign in</button> 
</div> 
</div> 

每當我按在按鈕，它重新加載頁面的登錄。我怎樣才能禁用刷新頁面點擊按鈕？

Answer 1

您可以防止提交頁面的按鈕的默認行爲。

這裏是Mozilla開發者網絡的鏈接「的preventDefault」：event.preventDefault

在jQuery中，你可以做到這一點是這樣的：

$("#signin_button").on("click", function(e) { 
    e.preventDefault(); 

    // the rest of your code ... 
}); 

Answer 2

嘗試改變輸入類型=「提交」到

<button class="btn" id="signin_button">Sign in</button> 

或

<input type="button" class="btn" id="signin_button" value="Sign in"/> 

如果你的目標是不提交表格。

也可能是有用的：Difference between <input type='button' /> and <input type='submit' />

Answer 3

您可以使用點擊也：

$("#signin_button").click(function (e) { 
    e.preventDefault(); 
    // code 
}