Bootstrap: El complemento de validación de jQuery hace que el grupo de entrada tenga una altura incorrecta

Creado en 12 jul. 2015 · 3Comentarios · Fuente: twbs/bootstrap

Estoy usando texto antepuesto para mostrar un signo de euro antes del cuadro de texto. También estoy usando el complemento de validación JQuery ( enlace al complemento )

Cuando aparece el mensaje de error debajo del campo, el signo del euro cubre 2 líneas (el cuadro de texto y la línea de error)

after

El código

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

Fuente

matsava

Comentario más útil

errorPlacement: function ( error, element ) {

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

},

Utilizar este

phpdev-expert en 1 feb. 2019

👍8 ❤3 🎉3 🚀1

Todos 3 comentarios

¿Puedes publicar un ejemplo de trabajo por favor con jsbin ?

josephfusco en 12 jul. 2015

Poner un <label> dentro de un .input-group así no es válido. Presente un error contra el complemento.

cvrebert en 12 jul. 2015

errorPlacement: function ( error, element ) {

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

},

Utilizar este

phpdev-expert en 1 feb. 2019

👍8 ❤3 🎉3 🚀1

¿Fue útil esta página

0 / 5 - 0 calificaciones