jquery多种形式的验证

Question

我有一个格式如下的表单：

<form id="program" name="program method="get" action="process.jsp">

<div id="add">
some input box here...........
<input type="submit" name="action" value="Add">

</div>

<div id="exit">
some input box here...........
<input type="submit" name="action" value="Exit">

</div>

<div id="refuse">
some input box here...........     
<input type="submit" name="action" value="Refuse">

</div>

</form>

我的 jquery 代码验证是：

$("#program").validate({
          errorClass: "error",
          rules: {
       doentry: {
           required: true,
           date: true
       },
       doe: {
           required: true,
           date: true
       },
       dor: {
           required: true,
           date: true
       },
       cid: {
           selectNone: true
            }
         }
            });

其中 dor, doe, doentry 是一个 位于不同的 div 中，问题是当我单击提交时，一个当前可见（未隐藏）的 div，它还需要验证当前隐藏的其他 div 中的所有其他元素...我不想要！解决这个问题的最佳方法是什么，只需修改 jQuery..因此它只验证当前可见的 div 内的元素，而不是整个表单。

Answer 1

验证插件有一个 ignore 选项，使用它使用 :hidden 选择器忽略不可见的元素， 像这样：

$("#program").validate({
      ignore: ":hidden",
      errorClass: "error",
      //rules, etc..
});