web开发如何防止重复提交

关注

转载最新推荐文章于 2026-06-20 09:45:06 发布 634 阅读 AI 写同款· GEO 优化 ›

WEB 前端开发中防治重复提交的实现方法 web前端数据请求或者表单提交往往通过对dom的点击事件来操作，但是往往因为认为点击过快（少年手速挺快的嘛），或者因为响应等待使得用户误人为没操作而重复很多次点击，造成表单数据的连续重复提交，造成用户体检的不好，甚至影响到整个系统的安全性。而前端的防治重复提交至少很有效的防治了人为正常操作下的很多不必要麻烦。下面就来讲讲如何有效避免前端的表单重复提交表单提交有以下几种方式： <form name=”form” method=”post” action=”#> <input type=”submit” name=”submit” value=”提交> </form> 另外，还有一种常用的立即下载

web开发如何防止重复提交 [问题点数：40分，结帖人baby_it]

关注 baby_it baby_it 本版等级：结帖率：66.67%	楼主发表于： 2013-05-16 12:04:11 重复提交高手们，求指导，如何防止重复的提交呢？更多0 分享到：
	对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理回复次数：12

关注 luogui551 W-Aires 本版等级：	#1 得分：5 回复于： 2013-05-16 12:17:18 1、禁用提交事件源 2、设置标识，提交时标识true,完成后标识false
	对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

关注 crab890715 螃蟹哥哥本版等级：	#2 得分：5 回复于： 2013-05-16 12:48:39 我觉得你可以仿照验证码的那种形式来操作，比如说到新增页面前，我将一个特定的标示放到session里面，同时将这个标示放到页面里面，然后新增的时候将放到页面的标示也传到后台，同时和session中的标示进行比较，如果相等就让它新增
	对我有用[1] 丢个板砖[0] 引用 \| 举报 \| 管理

关注

z284122755

minispecial

本版等级：

#3 得分：5 回复于： 2013-05-16 12:57:47

如果是jquery，那么可以给submit按钮绑定one函数，也就是第一次起作用。
还可以点击之后将提交按钮置为disable状态。

 
              <script src=
              "https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"
              ></script>
             
              <script type=
              "text/javascript"
              >
             
              $(
              function
              (){
             
              $(
              "#abv"
              ).one(
              "click"
              ,
              function
              (){
             
              alert(
              "用户点击了提交按钮"
              );
             
              });
             
              /*$("#abv").click(function(){//方案2
             
              $(this).attr("disabled",true);
             
              });*/
             
              })
             
              </script>
             
              <input type=
              "submit" 
              id=
              "abv" 
              value=
              "测试用按钮"
              />

对我有用[0] 丢个板砖[0] 引用 | 举报 | 管理

关注 ftiger ftiger 本版等级：	#4 得分：5 回复于： 2013-05-16 13:01:33 客户端的话提交后立马将表单所有元素设为disable。服务器端的话，可以考虑每次加载表单都设置一个表单项目的name为一随机字母串，并存入session，一提交就立马从seesion里删除这个字母串，字母串不一至就是重复提交。
	对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

关注 baby_it baby_it 本版等级：	#6 得分：0 回复于： 2013-05-21 15:45:34 如何是一个超链接，怎么解决呢，大家思想都差不多
	对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

关注

guojingQ

豬油蛋炒飯

本版等级：

#7 得分：5 回复于： 2013-05-22 17:23:39

1.页面Js设置一个全局变量,提交完成后设置为false,提交事件里面去做判断,为true则执行提交,否则不执行.不过这样不够人性化,点了以后才知道不能提交,体验性很差.
2.禁用按钮,提交成功后把提交按钮禁用掉,这样的话比较人性化.
提示:如果只是web页面防止重复提交,最好只在前台做判断,不要通讯后台增加不必要的负担.

对我有用[1] 丢个板砖[0] 引用 | 举报 | 管理

关注 shadowsick 请叫我变态宇宙外星人本版等级：	#8 得分：0 回复于： 2013-05-22 18:21:59 到我的博客里下载那个开源项目看看,里面有处理方案...
	对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

关注 w_mojian180 飘-还在路上本版等级：	#9 得分：0 回复于： 2013-05-22 19:03:46 设置一个变量做判断吧返回成功之后再改变提交按钮事件可用
	对我有用[0] 丢个板砖[0] 引用 \| 举报 \| 管理

关注

liujiebest

_懒猫

本版等级：

#11 得分：5 回复于： 2013-05-24 14:02:24

1

2

3

4

5

6