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(使用前将#替换为@)