Mon balisage d'origine définit la sélection comme un champ required
, mais Chosen ne semble pas s'y conformer ?
@jbrooksuk avez-vous déjà trouvé une solution à cela ? jQuery Validate ne semble pas non plus me permettre de forcer le champ à être obligatoire.
J'ai un patch à cela référencé dans # 515 et pull request dans # 900.
J'ai fini par écrire une fonction d'assistance qui effectue cette vérification manuellement sur les éléments choisis. Je le creuserai demain si je peux le trouver, bien qu'en attendant la solution de @CaptainN semble bonne :+1:
Ceci est une dupe de https://github.com/harvesthq/chosen/issues/515. Nous suivrons là-bas. Merci.
Si vous utilisez Chosen pour tous les éléments select
, vous pouvez utiliser ce CSS pour le rendre visible (pour DOM), mais pas d'opacité, pas de hauteur, position absolue.
Ces sélecteurs CSS ciblent des éléments de sélection non valides, l'un d'eux ciblant multiple
ajoutant un 15px
margin-top
pour le centrer sur les éléments à sélection multiple.
select:invalid {
height: 0px !important;
opacity: 0 !important;
position: absolute !important;
display: flex !important;
}
select:invalid[multiple] {
margin-top: 15px !important;
}
Commentaire le plus utile
Si vous utilisez Chosen pour tous les éléments
select
, vous pouvez utiliser ce CSS pour le rendre visible (pour DOM), mais pas d'opacité, pas de hauteur, position absolue.Ces sélecteurs CSS ciblent des éléments de sélection non valides, l'un d'eux ciblant
multiple
ajoutant un15px
margin-top
pour le centrer sur les éléments à sélection multiple.Démo : http://jsfiddle.net/tripflex/2zdeu9oc/