Question

HTML代码

echo

但是，每个

<div class="modal-body">
 <div class="tab-content">
  <div id="divOne" class="container-fluid tab-pane active tab-padding" role="tabpanel" aria-labelledby="tab-divOne">
    ...some html code here
    <input id="name" type="text" class="input-text" placeholder="Name" />
    <button id="tab-divTwo" class="popup-button" data-toggle="tab" role="tab" aria-controls="divTwo" aria-selected="false">Click Me</button>
  </div>
  <div id="divTwo" class="container-fluid tab-pane fade " role="tabpanel" hidden style="padding: 0 !important" aria-labelledby="tab-divTwo">
    ...some more here
  </div>
 </div>
</div>

中的

Input元素并不与tab-pane相关。我尝试将下一个div设置为Form，然后在验证后删除属性hidden。但是，我仍然没有得到我想要的正确行为。

问：：如何在使用JQuery转到下一个选项卡之前，如何验证第一个div（在这种情况下为hidden）？如果验证失败，我想防止当前选项卡（divOne）转到下一个选项卡（divOne）。

谢谢！

在转到下一个选项卡/页面之前验证选项卡窗格

0 个答案: