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

【问题标题】：Bootstrap validator form plugin: how to change feedback iconsBootstrap 验证器表单插件：如何更改反馈图标
【发布时间】：2016-05-02 09:53:48
【问题描述】：

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

假设我想用 font awesome 替换 glyphicon。

documentation 表示可以通过将“反馈”JSON 对象作为数据属性或通过 JavaScript 传递来更改它们。

通过 JavaScript，这很容易。但是作为数据属性，具体添加在哪里以及如何添加就不清楚了，因为只是添加：

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

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

【问题讨论】：

【解决方案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>

【讨论】：

【解决方案2】：

这没有很好的记录，我无法让它工作。我最终使用了不同的表单验证器，它完成了相同的功能，并且使用引导类更容易配置成功/错误格式：

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

【讨论】：