Bootstrap: jQuery 유효성 검사 플러그인으로 인해 입력 그룹의 높이가 잘못됨

에 만든 2015년 07월 12일 · 3코멘트 · 출처: twbs/bootstrap

텍스트 상자 앞에 유로 기호를 표시하기 위해 Prepended 텍스트를 사용하고 있습니다. 또한 JQuery Validation Plugin(플러그인 링크)을 사용하고 있습니다.

필드 아래에 오류 메시지가 나타나면 유로 기호가 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일

$ .input-group <label> 를 넣는 것은 무효입니다. 플러그인에 대한 버그를 신고하세요.

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