Bootstrap 验证器表单插件：如何更改反馈图标

Question

bootstrap validator 插件可帮助验证表单字段，提供一系列很酷的功能。其中一项功能是反馈图标，默认为 glyphicon。

假设我想用 font awesome 替换 glyphicon。

documentation 表示可以通过将 "feedback" JSON 对象作为数据属性传递或通过 JavaScript.

来更改它们

通过 JavaScript 很简单。但是作为数据属性，具体添加到哪里以及如何添加还不清楚，因为简单的添加：

feedback: {
  success: 'fa-check',
  error: 'fa-times'
}

作为 <form> 或 <div class="form-group"> 或 <input> 本身的数据属性，它不起作用。

Answer 1

经过一段时间的努力，我意识到应该将 JSON 反馈对象添加到元素中，并且还需要使用以下语法（文档中未指定）添加它：

<form ... data-feedback='{"success": "fa-check", "error": "fa-times"}'>

注意引号语法。

此外，如果我们不只是更改字形图标，而是将其替换为超棒的字体（如我的示例），在 <div class="form-group"> 中，我们需要替换：

<span class="glyphicon form-control-feedback" aria-hidden="true"></span>

与：

<span class="fa form-control-feedback" aria-hidden="true"></span>

Answer 2

这没有很好的记录，我无法让它发挥作用。我最终使用了不同的表单验证器来实现相同的功能，并且使用 bootstrap 类:[=13= 更容易配置 success/error 格式]

 var validator = $('#submitForm').validate({ 
    validClass: "is-valid",
    errorClass: "is-invalid",

jQuery Validator

Bootstrap validator form plugin: how to change feedback icons