1

Плагин bootstrap validator помогает проверять поля формы, предоставляя кучу полезных функций. Одной из этих функций являются значки обратной связи, по умолчанию для которых используется глификон.Bootstrap validator form plugin: как изменить обратную связь значков

Предположим, я хочу заменить глификон шрифтом удивительным.

documentation говорит, что их можно изменить, передав объект JSON с обратной связью в качестве атрибута данных или через JavaScript.

Через JavaScript это просто. Но как атрибут данных, не ясно, где и как именно добавить, потому что просто добавив:

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

в качестве атрибутов данных в <form> или <div class="form-group"> или сам <input> он не работает.

ответ

4

Через некоторое время борется с ним, я понял, что объект обратной связи в формате 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> 
+0

Я до сих пор не получил часть синтаксиса цитат. Вы знаете, почему мы должны это делать? – Jurik

+0

ну в соответствии с синтаксисом JSON вы должны: http://www.w3schools.com/json/json_syntax.asp – ShinDarth

+0

Хорошо, так что это синтаксический анализ, чтобы вывести json из этого атрибута data-tag. – Jurik

Смежные вопросы