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


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 相关文章推荐
JavaScript Cookie 直接浏览网站分网址
Dec 08 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 Javascript
初步使用Node连接Mysql数据库
Mar 03 Javascript
Bootstrap学习笔记之css组件(3)
Jun 07 Javascript
jquery实现弹窗功能(窗口居中显示)
Feb 27 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
vue webpack重写cookie路径的方法
Jul 10 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
JS创建自定义对象的六种方法总结
Dec 15 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
PHP 错误之引号中使用变量
2009/05/04 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
PHP使用Nginx实现反向代理
2017/09/20 PHP
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
JS中==与===操作符的比较
2009/03/21 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
2012/12/26 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
2013/11/18 Javascript
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
2015/12/03 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
2017/10/06 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
2017/10/20 Javascript
vue打包的时候自动将px转成rem的操作方法
2018/06/20 Javascript
详解关于微信setData回调函数中的坑
2019/02/18 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
jQuery实现日历效果
2020/09/11 jQuery
利用node.js开发cli的完整步骤
2020/12/29 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
Django入门使用示例
2017/12/12 Python
python3连接MySQL数据库实例详解
2018/05/24 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
Python中join()函数多种操作代码实例
2020/01/13 Python
python scatter函数用法实例详解
2020/02/11 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
技术经理的自我评价范文
2013/12/03 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
关于清明节的演讲稿
2014/09/13 职场文书
工程承包协议书范本
2014/09/29 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
《牧场之国》教学反思
2016/02/22 职场文书
实操Python爬取觅知网素材图片示例
2021/11/27 Python