Effectuez une vérification de validation jquery pour les nouveaux éléments de formulaire, ou ajoutez-les manuellement

Question

J'utilise le plugin jQuery validation pour valider un formulaire. Lorsqu'une chose est sélectionnée dans une sélection, une nouvelle sélection est ajoutée par ajax. ce nouvel élément a la classe requise mais quand j'essaye de soumettre, il n'est pas validé. Je sais que c'est parce que lorsque le plugin de validation est initialisé sur le formulaire, les classes sont vérifiées pour voir quelles validations seront nécessaires. Lorsqu'un nouvel élément est ajouté, il n'est vérifié pour aucune classe, ou initialisé du tout pour cette question.

Existe-t-il un moyen d'ajouter la selectbox à la validation après son initialisation, peut-être réinitier la validation en utilisant ses paramètres précédents mais en revérifiant ses éléments?

Answer 1

J'ai trouvé la solution avec un look frais, j'ai découvert que mes boîtes de sélection avaient toutes le nom undefined en raison d'un varname mis-majuscule. Cela signifie que seule la première sélection a été validée. $field.rules('add', {required: true }); n'était pas nécessaire car la classe requise a pris cette fois.

Answer 2

Vous avez quelques options ici. Dans jquery.validate.js il y a un plugin rules. Vous pouvez l'utiliser comme ceci:

$field.rules('add', {required: true }); // additional rules 

Le plugin utilise la forme de champs pour comprendre ce validateur devrait être associé au champ. Documentation here

Si vous voulez que les règles de validation proviennent des annotations de données, c'est un peu plus compliqué. Dites-moi ce que vous allez faire.