부트 스트랩 검사기로 입력 위에 오류를 표시하는 방법

Question

Bootstrap validator for bootstrap 3을 사용 중이며 입력 위에 오류 메시지를 표시하려고합니다.

<form role="form" data-toggle="validator"> 
    <div class="form-group"> 
    <label for="inputEmail">Email</label> 
    <input type="email" id="inputEmail"> 
    <div class="help-block with-errors"></div> 
    </div> 
</form> 

이 잘 작동하지만이 같은 오류가 표시하려면 :

<!-- display error --> 
<div class="help-block with-errors"></div> 
<!-- input --> 
<div class="form-group"> 
    <label for="inputEmail">Email</label> 
    <input type="email" id="inputEmail"> 
</div> 

내가 어떻게 바로 그것을 할, 여기에 뭔가를 놓친 거지를 여기

가 제공하는 HTML 코드 예제입니다 ?

또는 JavaScript를 사용하여이 작업을 수행하는 다른 방법이 있습니까? (첫 번째 코드 블록을 사용하는 경우 두 번째 코드의 예와 같이 입력 위에 오류를 옮길 수 있습니까?)

Answer 1

오류를 입력과 동일한 상위 div에 넣습니다. 이것을 시도하십시오 :