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

Question

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

假设我想用字体替换glyphicon。

documentation表示可以通过将“反馈”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"}'>

请注意引号语法。

另外，如果我们不只是更改glyphicon而是用字体替换它（如我的例子中所示），在<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

该文档没有很好地记录，我无法使其正常工作。我最终使用了完成相同功能的其他表单验证器，并且更容易使用引导程序类配置成功/错误格式：

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

jQuery Validator