博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用bootstrap validator异步提交,出现提交两次问题!
阅读量:6673 次
发布时间:2019-06-25

本文共 1516 字,大约阅读时间需要 5 分钟。

有bug的代码如下:

$("#report").bootstrapValidator({    message: 'This value is not valid',    feedbackIcons: {        valid: 'glyphicon glyphicon-ok',        validating: 'glyphicon glyphicon-refresh'    },    fields: {        reportOne: {            message: '请输入红包金额',            validators: {                notEmpty: {                    message: "红包金额不能为空"                },                regexp: {                    regexp: /^[0-9]+(.[0-9]{1,2})?$/,                    message: '请输入正确的金额'                }            }        }    }}).on('success.form.bv', function (e) {
   //按照其他攻略上加了这段代码依然无效果 e.preventDefault(); console.log('test');});

 现象:第一次进入页面,点击保存(表单验证是通过的);会打印两个test;

该问题官方文档中给出了几种解决方案:

文档地址(有墙):http://formvalidation.io/examples/form-submit-twice/

参考文档,我通过给submit按钮绑定事件来完成提交;

$("#report").bootstrapValidator({    message: 'This value is not valid',    feedbackIcons: {        valid: 'glyphicon glyphicon-ok',        validating: 'glyphicon glyphicon-refresh'    },
fields: {        reportOne: {            message: '请输入红包金额',            validators: {                notEmpty: {                    message: "红包金额不能为空"                },                regexp: {                    regexp: /^[0-9]+(.[0-9]{1,2})?$/,                    message: '请输入正确的金额'                }            }        }    }
}).on('success.form.bv', function (e) { e.preventDefault(); }); $("#reportButton").click(function (e) { console.log('test'); });

  点击提交后只打印一次test

 

转载于:https://www.cnblogs.com/chenyongtao/p/7326687.html

你可能感兴趣的文章
Hibernate执行流程
查看>>
清单文件介绍
查看>>
JavaScript知识总结<一>
查看>>
Java intern()方法
查看>>
HDU2059:龟兔赛跑(dp)
查看>>
无法import的原因(ImportError: No module named *****)
查看>>
备忘:有MTU值设置不当导致的部分网站无法访问问题
查看>>
内置函数---format
查看>>
[Android NDK/JNI-1A]-开发环境搭建
查看>>
基于nginx的正向代理实现
查看>>
Entity Framework Tutorial Basics(1):Introduction
查看>>
安装expressjs后,查看express -V出现不是内部或外部命令
查看>>
SpringBoot学习之mvc
查看>>
基于opencv的手写数字识别(MFC,HOG,SVM)
查看>>
Python课程第一天作业
查看>>
Ribbon负载均衡策略配置
查看>>
【转】前端开发 响应式Web设计
查看>>
python画图模块之一:turtle(1) 画五角星、正方形等
查看>>
[Unity3D][转] 关于Assets资源目录结构管理
查看>>
【语法】category
查看>>