如何防止用户不小心多次点击按钮导致多次提交
来源:互联网 发布:银行it团队口号 知乎 编辑:程序博客网 时间:2024/06/06 06:12
产生原因
- 如果网速慢的情况下,用户点击按钮提交后,如果接口还没有返回数据的话,用户会不耐烦的再点击一次提交按钮
解决方法
- 最简单的解决方法就是,把所有的按钮都写成 button 元素,如果是 div 元素的话,disabled属性是失效的
用户第一次点击按钮,将该按钮设成成禁用状态
$('button').attr('disabled', 'disabled');
这个时候,按钮的点击事件已经失效
当后台返回数据后,再把禁用属性移除
$('button').removeAttr('disabled');
这个时候,用户可以考虑是否进行再一次提交
1 0
- 如何防止用户不小心多次点击按钮导致多次提交
- 防止用户多次点击按钮导致页面被多次提交
- 防止form表单提交按钮多次点击导致提交多次
- 防止用户多次点击按钮,导致发送多次请求或者其他问题。
- 防止按钮多次提交
- 防止按钮多次提交
- 按钮防止多次提交
- 防止按钮多次点击
- 防止按钮多次点击
- 防止按钮多次点击
- 防止按钮被快速多次点击,从而导致绑定点击事件的js方法ajax多次提交
- 【ASP.NET】 【防止连续多次点击提交按钮 导致页面重复提交】
- 表单提交后,提交按钮不可用,防止用户多次提交
- 表单提交后,提交按钮不可用,防止用户多次提交
- js中防止连续点击按钮导致多次重复提交数据的方法
- Swift 防止快速连续点击"提交"按钮,造成多次提交
- 心得3--表单提交时防止用户不小心提交多次及有人恶意提交案例分析
- .net防止多次点击按钮
- 3.3、Dcoker-1.12 Dockerfile,镜像制作详解以及使用说明
- Adapter的getView方法详解
- AFNetWorking 请求数据报”Request failed: unacceptable content-type: text/plain” 错误解决方法
- 机器学习算法(推荐算法)—协同过滤推荐算法(1)
- JAVA构造方法及其重载
- 如何防止用户不小心多次点击按钮导致多次提交
- canvas人物动画—走路
- Http请求中Content-Type讲解以及在Spring MVC中的应用
- IntelliJ远程调试教程
- QT 显示gif 和 flash 动画技巧
- day05JDBC总结
- 冒泡排序
- Google 的开源技术protobuf 简介与例子
- ios学习笔记