Html 如何在几个Twitter引导选项卡上只显示一个表单？

如何让一个表单一个推特引导选项卡

<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 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调用）。
我刚刚遇到了同样的问题，如果您想在最后一个选项卡中提交一次，我假设在某个地方有一个按钮可以移动选项卡。默认情况下，单击这些按钮将触发POST请求。要防止此情况，请在按钮中添加以下行，然后单击“功能”：

谢谢，@balexandre。我应该如何处理
？可以给我几个
？请注意，如果您想要一个跨越选项卡（并且看起来不错）的表单，您需要覆盖bootstrap.css中的一些内容。看见
event.preventDefault();