Bootstrap: jQuery検証プラグインにより、入力グループの高さが正しくなくなります

作成日 2015年07月12日 · 3コメント · ソース: twbs/bootstrap

テキストボックスの前にユーロ記号を表示するために、接頭辞付きテキストを使用しています。また、私はJQuery検証プラグインを使用しています（プラグインへのリンク）

フィールドの下にエラーメッセージが表示された場合、ユーロの記号は2行（テキストボックスとエラー行）をカバーしています。

after

コード

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

ソース

matsava

最も参考になるコメント

errorPlacement: function ( error, element ) {

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

},

これを使って

phpdev-expert 2019年02月01日

👍8 ❤3 🎉3 🚀1

全てのコメント3件

jsbinで実際の例を投稿できますか？

josephfusco 2015年07月12日

<label>を.input-groupの中に入れることは無効です。プラグインに対してバグを報告してください。

cvrebert 2015年07月12日

errorPlacement: function ( error, element ) {

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

},

これを使って

phpdev-expert 2019年02月01日

👍8 ❤3 🎉3 🚀1

このページは役に立ちましたか？

0 / 5 - 0 評価