小編給大家分享一下bootstrapValidator bootstrap-select驗(yàn)證不可用怎么辦，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括蒙陰網(wǎng)站建設(shè)、蒙陰網(wǎng)站制作、蒙陰網(wǎng)頁(yè)制作以及蒙陰網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，蒙陰網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到蒙陰省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

如何解決bootStrapValidator bootStrap-select驗(yàn)證不可用，只要三步：

思路：把多選下拉框的選中值，賦給一個(gè)隱藏的input組件，再對(duì)input組件進(jìn)行驗(yàn)證（bootstrap-validator默認(rèn)情況下hidden,disabled的組件不驗(yàn)證，可以通過(guò)excluded屬性更改）,具體步驟如下：

1.表單驗(yàn)證初始化（js）

$('#myModalForm').bootstrapValidator({
 message: 'This value is not valid',
 excluded : [':disabled'],//[':disabled', ':hidden', ':not(:visible)'] //設(shè)置隱藏組件可驗(yàn)證
 feedbackIcons: {
 valid: 'glyphicon glyphicon-ok',
 invalid: 'glyphicon glyphicon-remove',
 validating: 'glyphicon glyphicon-refresh'
 },
 fields: {
roleid: {
 message: '角色無(wú)效',
 validators: {
 notEmpty: {
 message: '角色不可為空'
 }
 }
 }
}
}）

2.bootStrap-select組件配置（jsp頁(yè)面）

3.在多選下拉框選擇完畢后，為對(duì)應(yīng)的input賦值

 $('#roleidForSelect').on('hidden.bs.select', function (e) { //該方法注冊(cè)到$(function(){})函數(shù)中
 var tmpSelected = $('#roleidForSelect').val();
 if(tmpSelected != null){
 $('#roleid').val(tmpSelected);
 }else {
 $('#roleid').val("");
 }
 //由于input為hidden，驗(yàn)證會(huì)出現(xiàn)一些bug，此處手動(dòng)驗(yàn)證隱藏的input組件
 $('#myModalForm').data('bootstrapValidator').updateStatus('roleid', 'NOT_VALIDATED').validateField('roleid');
 });

以上是“bootstrapValidator bootstrap-select驗(yàn)證不可用怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！