javascript - 如何使用引导验证器在输入上方显示错误

Question

我正在为 bootstrap 3 使用 Bootstrap 验证器，并尝试在输入上方显示错误消息。

这是提供的 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 来完成此任务？（如果使用了第一个代码块，我可以像第二个代码的示例一样将错误移到输入上方吗？）

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>