使用前提，需要加載jquery和bootstrap庫。
并且引入bootstrapValidator.js和bootstrapValidator.css檔案
然後建立一個form表單，添加表單控件，表單控件需要有絕對定位。不然會報錯
例如：
<form class="form-horizontal clearfix" onsubmit="return false">
<div class="form-group col-sm-12 col-md-12">
<label for="discuss_editor_item_text" class="col-sm-2 col-md-2 control-label">評論内容：</label>
<div class="col-sm-10 col-md-10">
<textarea id="discuss_editor_item_text" class="form-control" name="text" rows="8">{{:text}}</textarea>
<p class="help-block"></p>
</div>
</div>
</form>
js部分編寫檔案如下：
setValidator:function() {
$('form',‘#discuss_editor’).bootstrapValidator({
message:'必須填寫',//不滿足條件時的提示消息
feedbackIcons: { //根據驗證結果顯示出來的各種圖示
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields:{
text:{
validators:{
notEmpty:{}, //檢測非空
stringLength: { //檢測長度
max: 3000,
utf8Bytes: true,
message: "不能超過1000字"
}
}
}
}
})
}
validate: function() {
$('form', ‘#discuss_editor’).data('bootstrapValidator').validate();
return $('form', ‘#discuss_editor’).data('bootstrapValidator').isValid();
*******************************
*驗證部分要有form-group包裹
*input要有class="form-control"
*name屬性規定驗證機制的名字
除了檢測是否空值和長度以外，還有很多種檢測如regexp(正則檢測)、remote(将内容發送到指定頁面檢測)、different(與指定的文本框比較内容)、emailAddress(email位址檢測)等等，具體可參考http://bootstrapvalidator.votintsev.ru/settings/ 官網