bootstrapValidator bootstrap-select验证不可用的解决办法
作者：bestdoufu 发布时间：2024-04-10 13:53:06
标签：bootStrapValidator,bootStrap,验证
如何解决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" title="---请选择---"></select>
3.在多选下拉框选择完毕后，为对应的input赋值
$('#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');
});
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：
Bootstrap学习教程
Bootstrap实战教程
Bootstrap Table使用教程
Bootstrap插件使用教程
0
投稿猜你喜欢
- 目录前言连接管理额外连接管理端口总结前言下面这个报错，相信大多数童鞋都遇见过；那么碰到这个问题，我们应该怎么办呢？在MySQL 5.7及之前
两种方式以及效果：方式一，使用PIL.Image.blend方式：from PIL import Image, ImageDrawim =- 1、首先在系统盘中查找scrrun.dll，如果存在这个文件，请跳到第三步，如果没有，请执行第二步。 2、在安装文件目录i386中找到scr
- 这货很强大, 必须掌握文档 链接 http://docs.python.org/2/library/itertools.htmlpymotw
- 一个成熟的数据库架构并不是一开始设计就具备高可用、高伸缩等特性的，它是随着用户量的增加，基础架构才逐渐完善。这篇博文主要谈MySQL数据库发
- 1、信息表新建立一个字段，并用0、1的方法判断信息的状态。 2、新建一个页面，定时刷新，并查询表中是否有字段值为0的记录。 3、当管理员点击
- 从文本文件中读入浮点数据，是最常见的任务之一，python没有scanf这样的输入函数，但我们可以利用正规表达式从读入的字符串中提取出浮点数
- 每次说到javascript的面向对象，总感觉自己心里懂，但是却不知道该怎么说，这就是似懂非懂到表现，于是乎，每次一说，就要到处去查找资料，
- 装饰器本质是一个接受参数为函数的函数。作用：为一个已经实现的方法添加额外的通用功能，比如日志记录、运行计时等。举例1.不带参数的装饰器，不用
- 编写一个程序，能在当前目录以及当前目录的所有子目录下查找文件名包含指定字符串的文件，并打印出绝对路径。import osclass Sear
- 本文实例讲述了python实现文件快照加密保护的方法。分享给大家供大家参考。具体如下：这段代码可以对指定的目录进行扫描，包含子目录，对指定扩
- Golang与python线程详解及简单实例在GO中，开启15个线程，每个线程把全局变量遍历增加100000次，因此预测结果是 15*100
- 一、Golang 错误是什么？对于Go语言（Golang）的错误是通过返回值的方式，来强迫调用者对错误进行处理，要么你通过 _ 忽略，要么你
- 使用JDBC连接MySQL数据库进行数据插入的时候，特别是大批量数据连续插入（100000），如何提高效率呢？在JDBC编程接口中State
- 在一个页面制作过程，突然被设计稿上的一个问题难住了，思路一时没打开，后来在费人的提醒下，用定位控制，顺利完成。这个是我做的大概的
- #coding: utf-8 import Image,ImageDraw,ImageFont,os,string,random,Image
- 继续我们的 Javascript 优化计划，上期已经做到怎么尽可能的缩小 Javascript 脚本的文件体积便于传输。不过这样做仅仅是不够
- 注意，下述部分主要与DOUBLE和FLOAT列相关，原因在于浮点数的不准确本质。MySQL使用64位十进制数值的精度执行DECIMAL操作，
- Python的数据结构有列表、元组、集合、字典等，可以吧列表当成一个清单，是有序的，我们可以通过索引访问到列表中的元素，列表还可以进行修改、
- 1.字符串大小写转value = "wangdianchao"# 转换为大写big_value = value.uppe
