Bootstrap: Le plugin de validation jQuery fait que le groupe d'entrée a une mauvaise hauteur

Créé le 12 juil. 2015 · 3Commentaires · Source: twbs/bootstrap

J'utilise du texte préfixé pour afficher un signe euro avant la zone de texte. J'utilise également le plugin de validation JQuery ( lien vers le plugin )

Lorsque le message d'erreur apparaît sous le champ le signe de l'euro couvre 2 lignes (la zone de texte et la ligne d'erreur)

after

Le code

<div class="col-md-5">
            <div class="input-group">
              <span class="input-group-addon">€</span>
              <input id="worth" name="worth" class="form-control error" placeholder="" type="text" required=""><label for="worth" generated="true" class="error">error message</label>
            </div>

</div>

Source

matsava

Commentaire le plus utile

errorPlacement: function ( error, element ) {

        if(element.parent().hasClass('input-group')){
          error.insertAfter( element.parent() );
        }else{
            error.insertAfter( element );
        }

},

Utilisez ceci

phpdev-expert le 1 févr. 2019

👍8 ❤3 🎉3 🚀1

Tous les 3 commentaires

Pouvez-vous poster un exemple de travail s'il vous plaît avec jsbin ?

josephfusco le 12 juil. 2015

Mettre un <label> dans un .input-group comme ça n'est pas valide. Veuillez signaler un bogue contre le plugin.

cvrebert le 12 juil. 2015

errorPlacement: function ( error, element ) {

        if(element.parent().hasClass('input-group')){
          error.insertAfter( element.parent() );
        }else{
            error.insertAfter( element );
        }

},

Utilisez ceci

phpdev-expert le 1 févr. 2019

👍8 ❤3 🎉3 🚀1

Cette page vous a été utile?

0 / 5 - 0 notes