bootstrapvalidator 使用小記

bootstrapvalidator是一個十分方便的前端驗證插件，與bootstrap的樣式完美適配。但是在使用的時候，如果不注意也會遇到一些問題。

1.正常使用bootstrapvalidator顯示要點

1.1 必要的js，css需要載入（js，bootstrap，bootstrapvalidator,若bootstrap爲本地文件，需要加載fonts文件夾下的文件）

1.2 在使用是要嚴格按照官方模板樣式。（如需要驗證的數據外用div包裹，樣式必須爲form-group）

1.3 對於顯示信息圖標樣式問題，可以修改源文件css樣式。

2.非常規使用

2.1 場景:在面對form結構複雜，與要求樣式差異很大，需要的效果簡單的情況下。我們可以不使用bootstrapvalidator一般的啓用方式。

2.2 實際使用:在開發過程中，遇到過只是希望得到類似驗證成功和驗證失敗的效果，我們可以通過js控制添加class實現同樣效果。

3.非常規使用簡單代碼

<div class='has-feedback has-error'>
<input type='text' class='form-control'>
<i class='form-control-feedback bv-no-label glyphicon glyphicon-remove'></i>
</div>

<div class='has-feedback has-success'>
<input type='text' class='form-control'>
<i class='form-control-feedback bv-no-label glyphicon glyphicon-ok'></i>
</div>

3.1 說明:如果我們希望給一個input加上類似驗證的效果，我們可以在外層加一個div 添加相關的class樣式, i標籤則是對應的顯示圖標（第一個爲驗證通過，第二個爲驗證不通過）

3.2 如果圖標的位置錯誤，可以考慮修改bootstrap中相關類的樣式，可也可覆蓋樣式。