Javascript 在父div之前显示Parsley.js错误

我花了好几个小时来解决这个问题，但还是没能让它发挥作用

我正在使用bootstrap，并试图让Parsley.js以我喜欢的方式使用它

默认情况下，错误消息显示在出错的输入元素下方，但我希望它们显示在父元素上方

我的HTML在这里

    <div class="row">
      <div class="col-xs-6"><label>Reference number</label></div>
      <div class="col-xs-6">
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
          <input class="form-control" id="user_reference" name="user_reference" placeholder="Reference" data-parsley-group="stage_1" required />
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-6"><label>Your surname</label></div>
      <div class="col-xs-6">
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
          <input class="form-control" id="user_surname" name="user_surname" placeholder="Surname" data-parsley-group="stage_1" required />
        </div>
      </div>
    </div>

参考号
你姓什么

我希望错误消息显示在

上方。可能吗

我已经尝试过这个javascript，但是错误仍然出现在输入元素之后

$(document).ready(function() {
    $('#register_form').parsley({
        trigger: 'change',
        successClass: 'has-success',
        errorClass: 'has-error',
        classHandler: function (el) {
            return el.$element.closest('.input-group');
        },
        errorsWrapper: '<div class="invalid-message"></div>',
        errorTemplate: '<span></span>'
    });
});

$（文档）.ready（函数（）{
$（'登记表'）。欧芹({
触发器：“更改”，
successClass:“已成功”，
errorClass:'有错误'，
类处理程序：函数（el）{
返回el.$element.closest（'.input group'）；
},
errorsWrapper:“”，
错误模板：“”
});
});

---

如果你能给我指出正确的方向，我将非常感激

检查文档中的

errorsContainer

配置选项，它将允许您执行您想要的操作。

@Marc-谢谢，这让我走上了正确的轨道。 如果其他人需要知道如何做到这一点，这里有几个很好的答案