如何解決bootStrapValidator bootStrap-select驗證不可用，只要三步：
思路：把多選下拉框的選中值，賦給一個隱藏的input組件，再對input組件進行驗證（bootstrap-validator默認情況下hidden,disabled的組件不驗證，可以通過excluded屬性更改）,具體步驟如下：
1.表單驗證初始化（js）
$('#myModalForm').bootstrapValidator({ message: 'This value is not valid', excluded : [':disabled'],//[':disabled', ':hidden', ':not(:visible)'] //設置隱藏組件可驗證 feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: {roleid: { message: '角色無效', validators: { notEmpty: { message: '角色不可為空' } } }}}）2.bootStrap-select組件配置（jsp頁面）
<input type="hidden" class="form-control" id="roleid" name="roleid"><select class="selectpicker form-control" multiple data-width="60%" id="roleidForSelect" $('#roleidForSelect').on('hidden.bs.select', function (e) { //該方法注冊到$(function(){})函數中 var tmpSelected = $('#roleidForSelect').val(); if(tmpSelected != null){ $('#roleid').val(tmpSelected); }else { $('#roleid').val(""); } //由于input為hidden，驗證會出現一些bug，此處手動驗證隱藏的input組件 $('#myModalForm').data('bootstrapValidator').updateStatus('roleid', 'NOT_VALIDATED').validateField('roleid'); });以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
