Javascript 如何使用引导验证程序显示输入上方的错误

我正在使用并尝试在输入上方显示错误消息

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

将错误放在与输入相同的父div中。试试这个：

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

电子邮件

请在

表单组内的jsfiddlePut错误块中添加示例代码