我有一个表单位于几个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>
当我使用jQuery在活动选项卡上验证表单,并且具有无效值的字段在同一个选项卡上时,验证失败(这是正确的).但是当我在一个选项卡上,无效的值在另一个选项卡上时,验证返回true,这是不正确的.我该怎么解决?如何在另一个选项卡上突出显示该字段?