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


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提交表单并返回结果
Jul 31 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
Jan 16 Javascript
Javascript自定义排序 node运行 实例
Jun 05 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
js enter键激发事件实例代码
Aug 17 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
Nov 07 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
vue缓存的keepalive页面刷新数据的方法
Apr 23 Javascript
JS简单表单验证功能完整示例
Jan 26 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实现的获取网页中的图片并保存到本地的代码
2010/01/05 PHP
PHP性能优化工具篇Benchmark类调试执行时间
2011/12/06 PHP
php header函数的常用http头设置
2015/06/25 PHP
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
多个datatable共存造成多个表格的checkbox都被选中
2013/07/11 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/09/29 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
json前后端数据交互相关代码
2018/09/19 Javascript
微信小程序 WXML节点信息查询详解
2019/07/29 Javascript
[04:26]DOTA2上海特锦赛小组赛第二日 TOP10精彩集锦
2016/02/27 DOTA
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
Python探索之静态方法和类方法的区别详解
2017/10/27 Python
Python学生成绩管理系统简洁版
2020/04/05 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
python实现图片横向和纵向拼接
2020/03/05 Python
python中id函数运行方式
2020/07/03 Python
Python基于execjs运行js过程解析
2020/11/27 Python
CSS3 实现发光边框特效
2020/11/11 HTML / CSS
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
屈臣氏乌克兰:Watsons UA
2019/10/29 全球购物
英国折扣高尔夫商店:Discount Golf Store
2019/11/19 全球购物
园林施工员岗位职责
2013/12/11 职场文书
金融专业大学生自我评价
2014/01/09 职场文书
入股协议书范本
2014/04/14 职场文书
媒体宣传策划方案
2014/05/25 职场文书
幼师求职自荐信
2014/05/31 职场文书
安全保卫工作竞聘材料
2014/08/25 职场文书
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
房屋产权证明书
2014/10/15 职场文书
成本会计岗位职责
2015/02/03 职场文书
单身申明具结书
2015/02/26 职场文书
详解nginx安装过程并代理下载服务器文件
2022/02/12 Servers