проверка 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 - это <input>, который находится вВ другом div проблема заключается в том, что когда я нажимаю на submit, в div, который в данный момент видим (не скрыт), требуется, чтобы все остальные элементы в другом div, который в данный момент скрыт, также были проверены ... что я не делаюне хочу!Каков наилучший способ решить эту проблему, просто изменив jQuery .. , поэтому он проверяет только те элементы, которые находятся внутри элемента div, видимого в данный момент, а не всю форму .

Answer 1

Плагин проверки имеет параметр ignore , используйте его с селектором :hidden, чтобы игнорировать элементы, которые не видны, например:

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