如何在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();
});

按下“下一步”后，将提交表单。我该如何取消？ demo

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;
});

<强> Demo