如何验证多标签中的输入框

Question

我正在使用 jquery 验证和jquery 选项卡来创建多选项卡表单

假设一个简单的形式：

选项卡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. 可以看到，虽然所有的tabs都在form里面，但是如果提交按钮在tab 3中，那么就无法对tab 1、2中的输入框进行校验，不同tab的校验规则如何指定呢？

谢谢

更新：

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

使用这个独立的可以帮助做到这一点，问题是，我无法设置规则，并且数据选择器插件和选项卡中的其他 function 不起作用，它可能会跳过我的所有元素？

$(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?
});