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


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通过Handler访问外部XML数据的代码
Jun 01 Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
Jan 10 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 Javascript
[原创]jQuery常用的4种加载方式分析
Jul 25 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
微信小程序实现多个按钮的颜色状态转换
Feb 15 Javascript
vue.js实现照片放大功能
Jun 23 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
Sep 21 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 chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
php连接oracle数据库的核心步骤
2016/05/26 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
js arguments,jcallee caller用法总结
2013/11/30 Javascript
JS图像无缝滚动脚本非常好用
2014/02/10 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
2017/12/28 Javascript
node简单实现一个更改头像功能的示例
2017/12/29 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
通过函数作用域和块级作用域看javascript的作用域链
2018/08/05 Javascript
JavaScript实现与使用发布/订阅模式详解
2019/01/19 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
详解Python当中的字符串和编码
2015/04/25 Python
Python和C/C++交互的几种方法总结
2017/05/11 Python
Python用imghdr模块识别图片格式实例解析
2018/01/11 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
Python 读取位于包中的数据文件
2020/08/07 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
英国顶尖手表珠宝品牌独家授权经销商:HS Johnson
2020/10/28 全球购物
后勤人员自我评价怎么写
2013/09/19 职场文书
软件工程专业推荐信
2013/10/28 职场文书
机关党员2014全国两会学习心得体会
2014/03/10 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
阿凡达观后感
2015/06/10 职场文书
python数据可视化JupyterLab实用扩展程序Mito
2021/11/20 Python
MySQL表锁、行锁、排它锁及共享锁的使用详解
2022/04/02 MySQL