如何验证输入框在多标签

Question

我使用JQuery验证和jquery tabs创建一个多标签形式

假设一个简单的形式：

标签1输入地址，标签2对于输入名称，标签3提交

HTML

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#home">address</a></li> 
    <li><a href="#profile">name</a></li> 
    <li><a href="#submit">submit</a></li> 
</ul> 

<form id="selectList" method="post" action="finish.php"> 
<div class="tab-content"> 
    <div class="tab-pane active" id="home">//input box address</div> 
    <div class="tab-pane" id="profile">//input box name</div> 
    <div class="tab-pane" id="messages">//submit button</div> 
</div> 
</form> 

个JS验证

$("#selectList").validate({ 
     rules: { 
     "selectList[]": { 
       required: true, 
       minlength: 1 
      } 
     } 
    }) 

}); 

的问题是：

1. 正如你可以看到，虽然所有的选项卡的形式里面，但是，如果提交按钮是在选项卡3，它无法验证输入框在选项卡1，2，我如何具体验证规则为不同的选项卡？

谢谢

更新时间：

$("#optionalform").validate({ 
    ignore:'' 
}); 

使用这种独立可以帮助这样做，问题是，我无法设置规则，以及数据选择器插件等功能一个标签不工作，它可能跳过我所有的元素？

$(document).ready(function(){ 

$('.tabbable').tabs(); 
$("#selectList").validate({ 
    ignore:'' 

     rules: { 
     "selectList[]": { 
       required: true, 
       minlength: 1 
      } 
     } 
    }) 
      $('#dd').datebox({ 
    required:true 
}); 



}); 


$(function(){ 
    $("#closeTab").click(function() { 
      window.parent.$('#tt').tabs('close','Add Campaign'); 
      location.reload();  
    }); 
}); 

Answer 1

您需要在每次更改标签时调用验证。

$('.selector').tabs({ 
    select: function(event, ui) { ... } //run validation here? 
});