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

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>

如何使用bootstrap验证器在输入上方显示错误

1 个答案: