validation jquery dans de multiples formes

Question

j'ai un formulaire avec le format suivant:

<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> 

Ma validation de code jquery est:

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

où dor, DOE, doentry est un <input> qui est différent div, le problème est quand je clique sur submit, sur un div qui est actuellement visible (non caché), il nécessite tous les autres éléments de l'autre div qui est actuellement caché pour être validé aussi ... ce que je ne fais pas vouloir! Quelle est la meilleure façon de résoudre cela juste en modifiant le jQuery .. donc seulement il valide les éléments qui sont à l'intérieur d'un div qui est actuellement visible et non l'ensemble du formulaire.

Answer 1

Le plugin de validation a un ignore option, utilisez-le sélecteur :hidden d'ignorer les éléments qui ne sont pas visibles, comme ceci:

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