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

2024-05-28

The 引导验证器 http://1000hz.github.io/bootstrap-validator/插件有助于验证表单字段,提供一系列很酷的功能。这些功能之一是反馈图标,默认为字形。

假设我想用 font Awesome 替换 glyphicon。

The 文档 http://1000hz.github.io/bootstrap-validator/#validator-usage表示可以通过传递“反馈”JSON 对象作为数据属性或通过 JavaScript 来更改它们。

通过 JavaScript,这很容易。但作为数据属性,不清楚在哪里以及如何添加它,因为简单地添加:

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

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


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

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

请注意引号语法。

另外,如果我们不只是更改字形,而是将其替换为很棒的字体(就像我的示例中那样),那么在<div class="form-group">我们需要更换:

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

with:

<span class="fa form-control-feedback" aria-hidden="true"></span>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap 验证器表单插件:如何更改反馈图标 的相关文章

随机推荐