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

Question

该引导验证插件可以帮助验证表单字段提供了一堆很酷的功能。其中一项功能是反馈图标，默认为 glyphicon。

假设我想用字体 awesome 替换 glyphicon。

的文档说，他们可以通过使“反馈” 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>