Champ masqué du formulaire et utilisation de la validation requise

J'ai un formulaire HTML5/Bootstrap avec des champs masqués :
style="display: none"

que j'affiche/masque via jQuery :

show() | hide()

Pour la validation du champ, j'utilise l'attribut required.

Je souhaite que tous mes champs masqués soient requis, mais lorsque certains d'entre eux n'apparaissent pas, le formulaire ne peut pas être soumis.

Des idées sur la façon dont la validation peut être activée uniquement pour les champs affichés par les sélections de l'utilisateur ?

Solution du problème

Vous pouvez utiliser cette astuce:

dans le formulaire HTML :

<input type="text" name="username" required="required" class="input-hidden">

Classe CSS :

.input-hidden{
 height:0;
 width:0;
 visibility: hidden;
 padding:0;
 margin:0;
 float:right;
}