ブートストラップバリデータで入力上のエラーを表示する方法

Question

Bootstrap validator for bootstrap 3を使用していて、入力の上にエラーメッセージを表示しようとしています。ここで

提供されるHTMLコードの例です：

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

私は右のそれを行う方法を、ここで何かをしないのです？

JavaScriptを使用してこのタスクを実行する別の方法はありますか？ （最初のコードブロックが使用されている場合は、2番目のコードの例のように、入力よりも上にエラーを移動できますか？）

Answer 1

エラーを入力と同じ親divに入れます。これを試してください：

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