如何防止用户不小心多次点击按钮导致多次提交
2016-11-23 17:47
459 查看
产生原因
如果网速慢的情况下,用户点击按钮提交后,如果接口还没有返回数据的话,用户会不耐烦的再点击一次提交按钮解决方法
最简单的解决方法就是,把所有的按钮都写成 button 元素,如果是 div 元素的话,disabled属性是失效的用户第一次点击按钮,将该按钮设成成禁用状态
$('button').attr('disabled', 'disabled');
这个时候,按钮的点击事件已经失效
当后台返回数据后,再把禁用属性移除
$('button').removeAttr('disabled');
这个时候,用户可以考虑是否进行再一次提交
相关文章推荐
- 防止用户多次点击按钮导致页面被多次提交
- 如何防止在服务器处理完成之前用户多次点击提交按钮(转)
- 如何处理:下载文件的按钮在事件未完成之前防止多次点击,事件完成之后又能继续点击提交
- 【asp.net中如何防止用户重复点击提交按钮】
- 防止用户多次点击按钮,导致发送多次请求或者其他问题。
- asp.net中如何防止用户重复点击提交按钮
- 防止form表单提交按钮多次点击导致提交多次
- 防止在服务器处理完成之前用户多次点击提交按钮处理代码
- asp.net中如何防止用户重复点击提交按钮
- js中防止连续点击按钮导致多次重复提交数据的方法
- 【KMS】如何预防用户多次点击提交按钮
- 防止在服务器处理完成之前用户多次点击提交按钮处理代码
- 如何防止用户双击按钮导致的重复提交
- 防止用户多次点击导致重复提交数据的问题
- 防止按钮多次点击、重复提交【基于Jquery】
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 心得3--表单提交时防止用户不小心提交多次及有人恶意提交案例分析
- 点击提交按钮后,让Button变为不可用防止多次提交
- 注册或者点击按钮时,怎么防止用户重复提交数据(实例讲解)
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理