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


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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
分享一个常用的javascript静态类
Dec 31 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
Jun 06 Javascript
深究AngularJS之ui-router详解
Jun 13 Javascript
详解tween.js的使用教程
Sep 14 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
Aug 01 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
JS获取动态添加元素的方法详解
Jul 31 Javascript
微信小程序接入腾讯云验证码的方法步骤
Jan 07 Javascript
layui使用及简单的三级联动实现教程
Dec 01 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
PHPMailer 中文使用说明小结
2010/01/22 PHP
php输出1000以内质数(素数)示例
2014/02/16 PHP
php使用CURL模拟GET与POST向微信接口提交及获取数据的方法
2016/09/23 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
PHP解决高并发的优化方案实例
2020/12/10 PHP
理解JavaScript变量作用域更轻松
2009/10/25 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
jquery中的过滤操作详细解析
2013/12/02 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
原生js中ajax访问的实例详解
2017/09/19 Javascript
JS基于贪心算法解决背包问题示例
2017/11/27 Javascript
js判断传入时间和当前时间大小实例(超简单)
2018/01/11 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
解决Vue @submit 提交后不刷新页面问题
2020/07/18 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
[42:25]EG vs Spirit Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
python根据出生年份简单计算生肖的方法
2015/03/27 Python
深入理解python函数递归和生成器
2016/06/06 Python
将python代码和注释分离的方法
2018/04/21 Python
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
Python实现的矩阵转置与矩阵相乘运算示例
2019/03/26 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
Python抓包并解析json爬虫的完整实例代码
2020/11/03 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
泰国第一的化妆品网站:Konvy
2018/02/25 全球购物
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
Java工程师面试集锦之Spring框架
2013/06/16 面试题
如何将一个描述日期或日期/时间的字符串转换为一个Date对象
2015/10/13 面试题
高中地理教学反思
2014/01/29 职场文书
《绿色蝈蝈》教学反思
2014/03/02 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书