laydate组件与bootstrapValidator 二次校验失效解决方案

最新推荐文章于 2023-01-05 15:18:09 发布
最新推荐文章于 2023-01-05 15:18:09 发布
阅读量836 收藏
点赞数 1
分类专栏： Django Python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010802169/article/details/112981389
版权

laydate组件与bootstrapValidator 二次校验失效解决方案

问题描述

当使用bootstrapValidator校验了时间表单非空时，使用laydate组件重新选择日期后没有将非空校验清除掉，导致提交按钮一直置灰

问题原因分析

bootstrapValidator不会校验已经校验过的表单

解决思路

在实例化laydate的时候，在laydate的done回调方法中单独在对时间字段进行二次验证

解决方法

在这里插入图片描述
说明：updateStatus参数中第一个参数为校验字段，第二个参数为校验状态
然后使用validateField方法在对该字段触发二次校验

一匹马马马
关注
专栏目录
laydate时间插件点击跟换日期过后bootstrapValidator表单二次验证失败的问题
雷小涛的专栏
07-05 813
项目中的表单验证插件使用的是 bootstrapValidator 日期选择插件使用的是laydate 在点击submit进行laydate非空验证后（如图1），更换日期（如图2），不会再次触发bootstrapValidator验证 图1 图2 问题的根本就是：bootstrapValidator不会校验已经校验过的表单（网上的思路，我没有研究，本着解决问题的初衷） 解决办法：初始化laydate的时候，在laydate的done回调方法中单独在对时间字段进行验证： layd.
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
10-15
BootstrapValidator是一款基于Bootstrap框架的表单验证插件，它提供了丰富的验证规则和用户友好的反馈样式，使得在前端实现表单验证变得更加简单。本实例主要涉及以下知识点： 1. **表单验证**: BootstrapValidator...
bootStrap-validator验证不起作用（button按钮引起）
bestdoufu的博客
01-11 7445
两段代码： $('#myModalForm').data('bootstrapValidator').validate();//手动对表单进行校检 if (!$('#myModalForm').data('bootstrapValidator').isValid()) {//判断校检是否通过 // alert("验证不通过"); return; }else { //
bootstrap校验laydate日期输入框时不实时生效问题
sinat_15051577的博客
04-03 533
背景：bootstrap校验与laydate插件结合使用时，非空校验后选择日期不能实时校验。 解决方式：bootstrapValidator部分代码，要注意加上trigger:“change”,这一行，开启监听change()方法的执行。 ...
bootstrapValidator验证失败问题
我的博客
05-20 779
bootstrapValidator默认逻辑是当表单验证失败时，把按钮给变灰色。 问题：项目中，button并不在form内部，是通过事件绑定来ajax提交，当form验证失败时，不执行所绑定的后续事件 $("#yourform").submit(function(ev){ev.preventDefault();}); $("#submit").on("click", function(){ var bootstrapValidator = $("#yourform").data('bootstrap.
BootstrapValidator表单验证效果无效，不验证
weixin_37674052的博客
05-14 3728
BootstrapValidator是一款非常好用的前端验证插件，但是因为很多问题，一直没有效果。 果然不是代码问题，而是因为Bootstrap版本和BootstrapValidator的版本问题。 首先贴出来我的引用的文件代码 <script src="${path}/js/jquery-3.4.1.min.js" type="text/javascript" ></scrip...
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
10-21
校验、校验清除、重置功能是BootstrapValidator插件中非常重要的三个功能点，它们可以让开发者更灵活地控制表单的验证过程和用户的交互体验。 在实现BootstrapValidator校验功能时，首先需要引入BootstrapValidator...
BootstrapValidator不触发校验的实现代码
11-23
BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合bootstrap框架的表单验证插件，在工作中用到此框架就写下自己在使用中积累的一些心得 二、问题描述 当按钮的类型为submit时，使用bootstrap...
bootstrapValidator bootstrap-select验证不可用的解决办法
08-31
在本篇内容中，我们将探讨如何解决BootstrapValidator与Bootstrap-select结合时验证不可用的问题。 BootstrapValidator是一款强大的验证插件，它能够方便地对Bootstrap表单进行验证。然而，在使用Bootstrap-select...
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
09-01
主要介绍了BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法,下面通过本文给大家详细说明一下，需要的朋友可以参考下
laydate时间控件及触发时间校验事件
10-13
laydate时间控件，及选择时间后触发事件
BootstrapValidator delay属性无效不管用
热门推荐
加了白糖的老干妈
06-29 1万+
remote delay 无效，频繁请求后台校验 assetId: { validators: { notEmpty: {message: '编号不能为空'}, remote: { message: '编号已存在', delay:2000, //这里特别要说明，必须要加此属性，否则用户输入一个字就会访问后台一...
bootstrap校验laydate起止日期联动失效
最新发布
weixin_43939111的博客
01-05 475
项目中用到bootstrapValidator，以及laydate（by:贤心，插件效果美观）。项目表单中，有两处需要联动校验：开始日期，结束日期。规则：两项必填，开始日期不能晚于结束日期。
laydate兼容bootstrap
[心从此刻开始]的专栏
10-13 2222
因为Bootstrap使用了 * {box-sizing:border-box;}来reset浏览器的默认盒子模型。所以加上以下代码就可以兼容Bootstrap了  .laydate_box, .laydate_box * {         box-sizing:content-box;     }
12 月随笔之 bootstrapValidator 验证框架与 layui 时间插件兼容
敬畏之心使人进步
12-01 1588
此文章的目的是针对特定字段(需要时间插件的字段)，进行特定的验证。 问题：当我加上 layui 的 laydate 时候，验证不会通过。 解决办法：经过网上的资料，并进行数次测试，laydate 加载时间时候，虽然你点击日期了，但是 bootstrapValidator 验证却是红叉叉，原因是 laydate 加载日期赋值给 input 在 bootstrapValidator 验证之后，所以...
【问题解决】BootStrap.css与layDate日期选择样式起冲突的解决办法
weixin_33924220的博客
04-06 230
转载请注明出处http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 问题如图: 给大家看下正常的layDate年份选择图片: 一开始想到的以为是自己没有将layer.css导入或者layDate.css没有导入出现的这个问题结果发现只要导入layer.css会自动导入lay...
bootstrapValidator验证，二次校验时间控件无效问题
shy_lh的博客
03-07 1533
bootstrapValidator对已经校验的字段不会二次校验的，所有我们只要重新触发bootstrapValidator的校验就可以了。 上代码： $("#字段id").blur(function () { $('#form').data('bootstrapValidator') .updateStatus('字段i...
bootstrap laydate
金色年华
12-30 1339
在日常的网页开发过程中，日期组件已经成为不可或缺的组件之一。同时，随着广大杰出攻城狮的不懈努力，也出现了很多优秀的日期组件，其中我个人觉得 layDate 日期组件是一个非常不错的组件，简洁易用，样式清爽。 此文主要以贤心所作的 layDate 组件进行日期选择的演示，敬请各位小主们参阅，若有不足之处，敬请大神指正，不胜感激！ 闲不多言，直接上码。 演示文档的工程目录如下图所示：  
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值