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


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 + Ajax调用webService实例代码(asp.net)
Aug 27 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
Nov 15 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
Dec 02 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
Nov 01 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 Javascript
antd Select下拉菜单动态添加option里的内容操作
Nov 02 Javascript
react中props 的使用及进行限制的方法
Apr 28 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
写一个用户在线显示的程序
2006/10/09 PHP
PHP 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
PHP定时自动生成静态HTML的实现代码
2010/06/20 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
WordPress中制作导航菜单的PHP核心方法讲解
2015/12/11 PHP
利用Laravel事件系统如何实现登录日志的记录详解
2017/05/20 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
javascript 表单验证常见正则
2009/09/28 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
node.js通过axios实现网络请求的方法
2018/03/05 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
javascript如何实现create方法
2019/11/04 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
2020/04/25 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
Python中atexit模块的基本使用示例
2015/07/08 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
2019/03/26 Python
django celery redis使用具体实践
2019/04/08 Python
在Python中合并字典模块ChainMap的隐藏坑【推荐】
2019/06/27 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
python os.rename实例用法详解
2020/12/06 Python
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
户外亲子活动策划方案
2014/02/07 职场文书
安全演讲稿开场白
2014/08/25 职场文书
技术入股合作协议书
2014/10/07 职场文书
使用CSS实现按钮边缘跑马灯动画
2023/05/07 HTML / CSS