У меня есть одна форма, расположенная на нескольких вкладках Twitter Bootstrap:
<form id="personal-data" class="form-horizontal">
<div class="tabbable">
<ul id="tab" class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li class=""><a href="#profile" data-toggle="tab">Profile</a></li>
<!-- ... -->
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="home">
<fieldset>
<div class="control-group">
<div class="controls">
<input type="text" id="field1">
</div>
</div>
</fieldset>
</div>
<div class="tab-pane fade" id="profile">
<fieldset>
<div class="control-group">
<div class="controls">
<input type="text" id="field2">
</div>
</div>
</fieldset>
</div>
Когда я valid
использовал форму с проверкой jQuery на активной вкладке и поле с недопустимым значением на одной и той же вкладке, то проверка не выполняется (это правильно). Но когда я нахожусь на одной вкладке, а недопустимое значение - на другой вкладке, то проверка возвращает true
, что неверно. Как я могу это исправить? Как я могу выделить это поле на другой вкладке?
См. эту демонстрационную версию (просто нажмите кнопку дальше - появится сообщение об ошибке, затем перейдите к последней вкладке и нажмите здесь).