Chosen: Faire d'une entrée choisie un champ obligatoire

Créé le 14 févr. 2012  ·  6Commentaires  ·  Source: harvesthq/chosen

Mon balisage d'origine définit la sélection comme un champ required , mais Chosen ne semble pas s'y conformer ?

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 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;
}

Démo : http://jsfiddle.net/tripflex/2zdeu9oc/

Tous les 6 commentaires

@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.

515 est techniquement une dupe de cela, mais ouais d'accord.

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;
}

Démo : http://jsfiddle.net/tripflex/2zdeu9oc/

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

alexfrancavilla picture alexfrancavilla  ·  9Commentaires

jim-at-miramontes picture jim-at-miramontes  ·  4Commentaires

SFPink picture SFPink  ·  4Commentaires

SFPink picture SFPink  ·  9Commentaires

lordspace picture lordspace  ·  6Commentaires