jquery choisi et validation: la validation ne fonctionne pas

Question

Il existe un champ de sélection d'état et un div de ville.

1) Dans un premier temps sélectionner le champ d'état est rempli et la ville champ div est vide

2) Une fois que l'état est sélectionné, il obtient les villes pour l'état sélectionné à l'aide ajax et remplit la ville div avec la boîte de sélection avec l'attribut requis.

Cela a bien fonctionné (la validation fonctionne à ce stade). Maintenant, j'ajoute le plugin jquery choisi à la boîte de sélection de la ville dans l'ajax.

<script> 
$(function(){ 
    $.post('ajax.php',{stateid:stateid}).done(function(data){ 
     $('#citybox').html(data).chosen(); 
    }); 
}); 
</script> 

Chosen fonctionne très bien, mais la validation ne fonctionne pas sur la boîte de sélection de la ville

Answer 1

validate jQuery ne tient pas compte de l'élément caché, et depuis le plugin Choisie ajoute la visibilité: attribut caché à la sélection, essayez:

$.validator.setDefaults({ ignore: ":hidden:not(select)" }) //for all select 

ajoutez cette ligne juste avant la fonction validate().