Bootstrap: Plugin de validação jQuery faz com que o grupo de entrada tenha altura errada

Criado em 12 jul. 2015 · 3Comentários · Fonte: twbs/bootstrap

Estou usando texto prefixado para mostrar um sinal de euro antes da caixa de texto. Também estou usando o JQuery Validation Plugin ( link para o plugin )

Quando a mensagem de erro aparece no campo o sinal do euro cobre 2 linhas (a caixa de texto e a linha de erro)

after

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

Fonte

matsava

Comentários muito úteis

errorPlacement: function ( error, element ) {

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

},

Usa isto

phpdev-expert em 1 fev. 2019

👍8 ❤3 🎉3 🚀1

Todos 3 comentários

Você pode postar um exemplo de trabalho por favor com jsbin ?

josephfusco em 12 jul. 2015

Colocar um <label> dentro de um .input-group como esse é inválido. Por favor, registre um bug contra o plugin.

cvrebert em 12 jul. 2015

errorPlacement: function ( error, element ) {

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

},

Usa isto

phpdev-expert em 1 fev. 2019

👍8 ❤3 🎉3 🚀1

Esta página foi útil?

0 / 5 - 0 avaliações