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


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学习笔记之Helloworld
Dec 22 Javascript
JS trim去空格的最佳实践
Oct 30 Javascript
JS对文本框值的判断示例
Mar 10 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
微信企业号开发之微信考勤Cookies的使用
Sep 11 Javascript
JS常用算法实现代码
Nov 14 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
详谈JS中数组的迭代方法和归并方法
Aug 11 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
Aug 24 Javascript
node.js实现上传文件功能
Jul 15 Javascript
node获取客户端ip功能简单示例
Aug 24 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 源代码压缩小工具
2009/12/22 PHP
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
php实现银联商务公众号+服务窗支付的示例代码
2019/10/12 PHP
JQuery 获取和设置Select选项的代码
2010/02/07 Javascript
JS 按钮点击触发(兼容IE、火狐)
2013/08/07 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
JS获取随机数函数可自定义最小值最大值
2014/05/08 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
2014/06/24 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
ES6解构赋值的功能与用途实例分析
2017/10/31 Javascript
原生JS控制多个滚动条同步跟随滚动效果
2017/12/22 Javascript
Vue 自定义指令实现一键 Copy功能
2019/09/16 Javascript
微信小程序indexOf的替换方法(推荐)
2020/01/14 Javascript
python编写的最短路径算法
2015/03/25 Python
优化Python代码使其加快作用域内的查找
2015/03/30 Python
编写简单的Python程序来判断文本的语种
2015/04/07 Python
python sys,os,time模块的使用(包括时间格式的各种转换)
2018/04/27 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
解决tensorflow模型参数保存和加载的问题
2018/07/26 Python
Django-Model数据库操作(增删改查、连表结构)详解
2019/07/17 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
django美化后台django-suit的安装配置操作
2020/07/12 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
小米旗下精品生活电商平台:小米有品
2018/12/18 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
面向对象编程OOP的优点
2013/01/22 面试题
史上最全面的Java面试题汇总!
2015/02/03 面试题
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
煤矿班组长岗位职责
2013/12/29 职场文书
2016年秋季新学期致辞
2015/07/30 职场文书
python xlwt模块的使用解析
2021/04/13 Python
MongoDB支持的索引类型
2022/04/11 MongoDB