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


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 相关文章推荐
JS实现self的resend
Jul 22 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
Jun 08 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 Javascript
javascript操作css属性
Dec 30 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
Jun 15 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
javascript对中文按照拼音排序代码
Aug 20 Javascript
JavaScript常用脚本汇总(三)
Mar 04 Javascript
vue.js指令v-for使用及索引获取
Nov 03 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
Feb 14 Javascript
jQuery实现的分页插件完整示例
May 26 jQuery
swiperjs实现导航与tab页的联动
Dec 13 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
新52大事件
2020/03/03 欧美动漫
用PHP读注册表
2006/10/09 PHP
用PHP连接Oracle数据库
2006/10/09 PHP
php为什么选mysql作为数据库? Mysql 创建用户方法
2007/07/02 PHP
PHP全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
PHP速成大法
2015/01/30 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
php使用escapeshellarg时中文被过滤的解决方法
2016/07/10 PHP
JS IE和FF兼容性问题汇总
2009/02/09 Javascript
javascript中callee与caller的用法和应用场景
2010/12/08 Javascript
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
JS过滤url参数特殊字符的实现方法
2013/12/24 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
JavaScript获取服务器端时间的方法
2016/11/29 Javascript
基于zTree树形菜单的使用实例
2017/12/25 Javascript
代码分析vue中如何配置less
2018/09/28 Javascript
基于游标的分页接口实现代码示例
2018/11/12 Javascript
详解vue使用插槽分发内容slot的用法
2019/03/28 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
[41:37]DOTA2北京网鱼队选拔赛——冲击职业之路
2015/04/13 DOTA
Python基于twisted实现简单的web服务器
2014/09/29 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
Python中的 sort 和 sorted的用法与区别
2019/08/10 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
英国文具、办公用品和科技商店:Ryman
2018/09/27 全球购物
外贸业务员求职自荐信分享
2013/09/21 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
夏洛特的网观后感
2015/06/15 职场文书
Go语言编译原理之源码调试
2022/08/05 Golang