如何在 Twitter Bootstrap 的表单操作中取消 btn-primary 的表单提交

Question

<div class="form-actions">
  <button class="btn btn-primary" id="btn-next">Next</button>
  <button type="reset" class="btn">Reset</button>
</div>
$("#btn-next").click(function(event) {
    $('#tab li.active').next().find('a[data-toggle="tab"]').click();
});

按下"下一步"时，将提交表单。如何取消？演示

Answer 1

让它成为锚点，而不是按钮：

<a class="btn btn-primary" id="btn-next">Next</a>

Answer 2

只需从点击处理程序return false即可。

$("#btn-next").click(function(event) {
    $('#tab li.active').next().find('a[data-toggle="tab"]').click();
    return false;
});

演示