Javascript 如何验证多选项卡中的输入框

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

采用一种简单的形式：

表1用于输入地址，表2用于输入名称，表3用于提交

html

问题是：

如您所见，尽管所有选项卡都在表单中，但是，如果提交按钮位于选项卡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();     
  });
});

---

每次更改选项卡时，都需要调用验证

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

---

我真的不明白如何暗示，你介意提供一个简单的例子吗？事实上，我得到了一些东西，但它有一些缺陷。谢谢，虽然你的答案不是我最终得到的答案。遵循缩进和空格的良好实践不会有什么坏处，但你的语法有一些非常错误的地方。您在

忽略：'

之后缺少一个逗号

，

。虽然我不确定您认为使用空参数可以实现什么。

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

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