bootstrap-select 与 jquery validate 页面数据检验 错误
来源:互联网 发布:jsp项目源码 编辑:程序博客网 时间:2024/05/22 00:12
页面使用bootstrap-select 作为下拉的显示
使用jquery validate提交表单时验证
错误1:
初始进行修改页面时 存在下拉框的页面报以下错误
An invalid form control with name=’isWork’ is not focusable.
对应代码:
<div class="form-group draggable"> <label class="col-sm-2 control-label">工作状态:</label> <div class="col-sm-10"> <select id="id_select" class="selectpicker bla bla bli" data-live-search="true" name="isWork" th:field="*{isWork}" required="required"> <option value="">全部</option> <option value="1">在岗</option> <option value="2">离职</option> </select> </div> </div>
加上表单提交验证即可解决
<script type="text/javascript" > $(function(){ $('#tform').validate({ submitHandler: function(form){ loading('正在提交,请稍等...'); form.submit(); } }); })</script>
错误2:
后面又觉得下拉框显示的报错位置有问题
需要进行修改:
判断下 selectpicker的错误显示位置
$('#tform').validate({ submitHandler: function(form){ loading('正在提交,请稍等...'); form.submit(); }, errorPlacement: function(error, element) { $("#messageBox").text("输入有误,请先更正。"); if (element.hasClass('selectpicker')) { error.insertAfter('.bootstrap-select'); }else { error.insertAfter(element); } }});
boostrap-select 每次下拉验证:
$('#tform select').on('change', function(e) { $('#tform').validate().element($(this));});$('.selectpicker').on( 'hide.bs.select', function ( ) { $(this).trigger("focusout");});
正常显示:
阅读全文
0 0
- bootstrap-select 与 jquery validate 页面数据检验 错误
- bootstrap+jquery validate 验证
- 基于Bootstrap与jQuery-Validate的个人简易封装
- JQuery validate 验证数据是否与数据库中数据重复
- bootstrap对jquery validate的插件
- Spring shiro + bootstrap + jquery.validate 登录、注册
- Bootstrap和JQuery.validate表单校验
- jquery validate 与java
- jquery validate remote 返回错误
- jquery validate错误显示位置
- jquery.validate自定义验证方法(检验邮箱是否存在)
- jQuery Validate 无法验证 chosen-select元素
- bootstrap-select怎么刷新数据
- jquery.validate.js单个页面个性化提示
- bootstrap jsp页面前后端交互 包括html中的Radio与Select的赋值
- 0.jquery 验证,以及显示出现错误的地方 1.当用jquery.validate与ajax时候特别小心在每句后面的逗号问题,如果不需要的地方加上逗号会造成页面无法进入js验证
- 基于Bootstrap+jQuery.validate Form表单验证实践
- 基于Bootstrap+jQuery.validate Form表单验证实践
- 在Centos6.5版本分布式安装Glusterfs3.8版本
- JAVA设计模式之命令模式
- ReactNative基础组件
- 右键发送到菜单修改
- Python的zip函数
- bootstrap-select 与 jquery validate 页面数据检验 错误
- vim函数跳转技巧
- note_cloud--注册功能
- 拓扑排序 基于DFS
- Android Studio 快捷键整理分享
- Android Studio2.2 配置NDK
- 百练_3864:与7无关的数
- android关于每次点击图标进入应用后都会重新创建启动页的问题
- Mycat水平拆分之十种分片规则