1

bootstrap validator插件有助於驗證表單字段提供一些很酷的功能。其中一個功能是反饋圖標,默認爲圖形。Bootstrap驗證器表單插件:如何更改反饋圖標

假設我想用字體替換glyphicon真棒。

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從這個數據標籤屬性。 – Jurik