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


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 动态生成表格示例代码
Dec 24 Javascript
七个很有意思的PHP函数
May 12 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
JavaScript箭头函数中的this详解
Jun 19 Javascript
这应该是最详细的响应式系统讲解了
Jul 22 Javascript
微信小程序页面滚动到指定位置代码实例
Sep 07 Javascript
JS实现前端路由功能示例【原生路由】
May 29 Javascript
解决vue无法侦听数组及对象属性的变化问题
Jul 17 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
php插入中文到sqlserver 2008里出现乱码的解决办法分享
2012/07/19 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
php 多个变量指向同一个引用($b = &$a)用法分析
2019/11/13 PHP
用js做一个小游戏平台 (一)
2009/12/29 Javascript
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
xmlplus组件设计系列之按钮(2)
2017/04/26 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
2019/02/08 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
2020/07/28 Javascript
prettier自动格式化去换行的实现代码
2020/08/25 Javascript
Openlayers实现点闪烁扩散效果
2020/09/24 Javascript
[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
整理Python中的赋值运算符
2015/05/13 Python
python实现下载文件的三种方法
2017/02/09 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
python实现排序算法解析
2018/09/08 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
python3常用的数据清洗方法(小结)
2019/10/31 Python
python tqdm 实现滚动条不上下滚动代码(保持一行内滚动)
2020/02/19 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
python opencv肤色检测的实现示例
2020/12/21 Python
python反扒机制的5种解决方法
2021/02/06 Python
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
党员年终民主评议的自我评价
2013/11/05 职场文书
大学生创业计划书的用途
2014/01/08 职场文书
彩色的非洲教学反思
2014/02/18 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL
一篇文章带你复习java知识点
2021/06/28 Java/Android
美元符号 $
2022/02/17 杂记