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


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 相关文章推荐
js技巧--转义符"\"的妙用
Jan 09 Javascript
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
JavaScript中的原型prototype属性使用详解
Jun 05 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
May 28 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
echart简介_动力节点Java学院整理
Aug 11 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
Vue实现图书管理案例
Jan 20 Vue.js
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
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
PHP数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
php中rename函数用法分析
2014/11/15 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
js四舍五入数学函数round使用实例
2014/05/09 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
实例分析nodejs模块xml2js解析xml过程中遇到的坑
2017/03/18 NodeJs
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
js实现放大镜特效
2017/05/18 Javascript
BootStrap中的Fontawesome 图标
2017/05/25 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
python列表的常用操作方法小结
2016/05/21 Python
python与php实现分割文件代码
2017/03/06 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
环境工程大学生个人的自我评价
2013/10/08 职场文书
运动会广播稿50字
2014/01/26 职场文书
银行爱岗敬业演讲稿
2014/05/05 职场文书
中秋手机店促销方案
2014/06/16 职场文书
年终晚会活动方案
2014/08/21 职场文书
2014年护士长工作总结
2014/11/11 职场文书
安阳殷墟导游词
2015/02/10 职场文书
2015年收银工作总结范文
2015/04/01 职场文书
超市食品安全承诺书
2015/04/29 职场文书
高一数学教学反思
2016/02/18 职场文书