bootstrapvalidator remote验证,修改的时候需要点击两次保存按钮

本文介绍了一种解决在修改弹框中使用remote验证时,因异步特性导致需二次点击保存才能提交的问题。通过在弹框加载完毕后触发一次验证,确保首次保存操作即可完成提交。

问题描述:

    1. 点击修改按钮,弹出修改弹框,其中规则编码和规则名称是需要用到remote验证的

2. 当规则编码和规则名称不改动的时候,就不会触发remote验证

3. 当点击保存的时候,进行验证,由于remote是异步验证,所以第一次点击保存的时候并没有发起保存请求,因为验证没通过

当验证完成后,需要再次点击保存才能提交,因为此时点击时间已经过期,所以就要有一个东西触发验证,最开始的办法是当弹框加载完毕后进行验证,但是每次都需要在关闭弹框后将初始化销毁,这时我想到的是利用事件触发验证,点击按钮后使用

$('html').one('mouseover',function(){
    //每次弹框弹起后都会进行一次校验,而且只校验一次
    $('#form').data("bootstrapValidator").validate();
})

这样问题就解决了,当点击修改按钮的时候

首先进行验证一次,问题解决

【右上角点个赞,谢谢】

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值