如何在一个表单中添加几个Twitter Bootstrap选项卡？
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active">
<a href="#1" data-toggle="tab">Tab1</a>
</li>
<li>
<a href="#2" data-toggle="tab">Tab2</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="1">
<form id="personal-data" class="form-horizontal">
...
</div>
<div class="tab-pane" id="2">
<!-- form controls to be continued here -->
<p>Howdy, I'm in Section 2.</p>
</div>
</div>
</div>
有一个是错的 <form> 那包装好了吗？
<form id="personal-data" class="form-horizontal" method="POST" action="#">
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active">
<a href="#1" data-toggle="tab">Tab1</a>
</li>
<li>
<a href="#2" data-toggle="tab">Tab2</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="1">
...
</div>
<div class="tab-pane" id="2">
<!-- form controls to be continued here -->
<p>Howdy, I'm in Section 2.</p>
</div>
</div>
</div>
</form>
你在提交吗？ 选项卡 或者一次 最后一个标签？
如果 一个接一个 （例如，验证），只需使用 $.post 即时发送数据（换句话说，进行ajax调用）。
有一个是错的 <form> 那包装好了吗？
<form id="personal-data" class="form-horizontal" method="POST" action="#">
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active">
<a href="#1" data-toggle="tab">Tab1</a>
</li>
<li>
<a href="#2" data-toggle="tab">Tab2</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="1">
...
</div>
<div class="tab-pane" id="2">
<!-- form controls to be continued here -->
<p>Howdy, I'm in Section 2.</p>
</div>
</div>
</div>
</form>
你在提交吗？ 选项卡 或者一次 最后一个标签？
如果 一个接一个 （例如，验证），只需使用 $.post 即时发送数据（换句话说，进行ajax调用）。
我刚刚碰到同样的问题，如果你想在最后一个标签中提交一次，我假设有一个按钮可以移动beetwen标签。默认情况下，单击这些按钮将触发POST请求。要防止这种情况，请在按钮上添加以下行，然后单击功能：
event.preventDefault();