如何避免以引导模式刷新页面？

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 
}