Plugin jQuery Validation - Valider les entrées cachées et non visible?

Question

Comment valider les entrées cachées et les entrées de texte non visibles avec le plugin jQuery Form Validation? Le problème est que j'utilise le plugin fonction de suggestion automatique, ce qui génère une entrée cachée pour les éléments sélectionnés

<input id="hiddenInput" type="hidden" name="something" value="1" /> 

J'ai 2 entrées comme celui-ci (les deux permettent seulement 1 point), que je veux validez et affichez l'erreur dans le parent <td>. C'est ce que j'ai obtenu jusqu'ici, mais il n'affiche pas l'erreur ou ne soumet pas un formulaire, si la valeur est réellement un nombre.

$("#form1").validate({ 
     rules: { 
      something: { 
       number:true, 
       min:1, 
       required:true 
      } 
     } 
     }) 

Answer 1

Pour permettre Validation des éléments cachés, remplacer l'ignorer et le définir comme chaîne vide:

$("#form1").validate({ 
    ignore: "", 
    rules: { 
     something: { 
      number:true, 
      min:1, 
      required:true 
     } 
    } 
}); 

Answer 2

Vous pouvez utiliser l'option ignore comme ceci:

$("#form1").validate({ 
    ignore: "input[type='text']:hidden", 
    rules: { 
     something: { 
      number:true, 
      min:1, 
      required:true 
     } 
    } 
}); 

Option Valeur par défaut de ignore est :hidden qui ignore tous les champs cachés et les champs non visibles (display: none etc.)

Answer 3

Si les autres réponses ne fonctionnent pas pour vous, essayez ceci à la place. Il supprime tous les ignores pour la forme, il serait tout valider, y compris les champs cachés:

$.data($('form')[0], 'validator').settings.ignore = ""; 

Pour restaurer les paramètres d'ignorer les champs cachés, utilisez quelque chose comme ceci:

$.data($('form')[0], 'validator').settings.ignore = "input[type='text']:hidden"; 

Vous pouvez également utiliser la ci-dessus pour lire la valeur actuelle.

Answer 4

Une autre façon de valider les entrées cachées est ceci:

$("#form1").validate({ 
     ignore: "not:hidden", 
     rules: { 
      something: { 
       number:true, 
       min:1, 
       required:true 
      } 
     } 
});