laydate时间插件点击跟换日期过后bootstrapValidator表单二次验证失败的问题

在使用laydate时间插件和bootstrapValidator表单验证插件的项目中,遇到点击submit后,更换laydate日期不触发二次验证的问题。原因是bootstrapValidator不会重新验证已验证过的表单。解决方法是在laydate的done回调函数中手动触发时间字段的验证,从而确保每次日期变化都会进行正确验证。
摘要由CSDN通过智能技术生成

项目中的表单验证插件使用的是 bootstrapValidator

日期选择插件使用的是laydate

在点击submit进行laydate非空验证后(如图1),更换日期(如图2),不会再次触发bootstrapValidator验证

图1

图2

 

问题的根本就是:bootstrapValidator不会校验已经校验过的表单(网上的思路,我没有研究,本着解决问题的初衷)

解决办法:初始化laydate的时候,在laydate的done回调方法中单独在对时间字段进行验证:

laydate.render({
        elem: '#enterTime', istime: true, format: 'yyyy-MM-dd', theme: '#33cabb',
        done: function () {
            reValidateField("enterTime", "signupForm");
        }
    });
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值