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
)。
谢谢!