阻止表单提交按钮多次提交的完美解决方法


Posted in Javascript onMay 16, 2016

如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。

另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。

onclick事件里面执行 $(this).attr('disabled','disabled'); 在点击一次后立马将按钮设置为不可使用。

或者向如下方法另行定义一个jQuery函数来进行控制:

$("form").submit(function(){ 
  $(":submit",this).attr("disabled","disabled"); 
  });

以上这篇阻止表单提交按钮多次提交的完美解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
Mar 18 Javascript
JS表单验证的代码(常用)
Apr 08 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
Aug 19 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
Node.js批量给图片加水印的方法
Nov 15 Javascript
js实现功能比较全面的全选和多选
Mar 02 Javascript
js将键值对字符串转为json字符串的方法
Mar 30 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
JS面向对象编程实现的Tab选项卡案例详解
Mar 03 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 #Javascript
javascript实现起伏的水波背景效果
May 16 #Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 #Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
May 16 #Javascript
js流动式效果显示当前系统时间
May 16 #Javascript
JavaScript禁止复制与粘贴的实现代码
May 16 #Javascript
JavaScript代码性能优化总结(推荐)
May 16 #Javascript
You might like
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
JavaScript之自定义类型
2012/05/04 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
2015/11/30 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
js点击任意区域弹出层消失实现代码
2016/12/27 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
Validform验证时可以为空否则按照指定格式验证
2017/10/20 Javascript
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
js实现拖拽元素选择和删除
2020/08/25 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
浅谈Python基础之I/O模型
2017/05/11 Python
python3爬虫中异步协程的用法
2020/07/10 Python
django rest framework使用django-filter用法
2020/07/15 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
Python descriptor(描述符)的实现
2020/11/15 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
viagogo波兰票务平台:演唱会、体育比赛、戏剧门票
2018/04/23 全球购物
销售演讲稿范文
2014/01/08 职场文书
会计专业求职信范文
2014/03/16 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
《1942》观后感
2015/06/08 职场文书
十月围城观后感
2015/06/08 职场文书
信用卡工资证明范本
2015/06/19 职场文书
化工生产实习心得体会
2016/01/22 职场文书