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

时间:2018-12-18 08:56:18

标签: jquery asp.net validation

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 个答案:

没有答案