前端js防止用户恶意操作，重复点击按钮事件

Posted 2023-04-05

参考技术A 前几天遇到了一个关于前端重复点击事件问题，防止用户恶意操作，重复点击按钮事件，有二个逻辑解决此问题：

1.

2.定义变量保存每次点击的时间，上次和当前次点击的时间间隔小于某个时间，就return掉，否则就继续之后步骤，类似于

this.state= clickTime:new Date().getTime()

  buyCard() 

   var clickTime =this.state;

    var nowTime = new Date().getTime();

     if( clickTime != 'undefined'&& (nowTime - clickTime < 500))

               return false;

     else

        this.setSate(clickTime:nowTime)

        .....

            

如何防止表单的重复提交

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题，比如：

(1)点击提交按钮两次。

(2)点击刷新按钮。

(3)使用浏览器后退按钮重复之前的操作，导致重复提交表单。

(4)使用浏览器历史记录重复提交表单。

(5)浏览器重复的HTTP请求。

(6)用户提交表单时可能因为网速的原因，或者网页被恶意刷新，致使同一条记录重复插入到数据库中，这是一个比较棘手的问题。我们可以从客户端和服务器端一起着手，设法避免同一表单的重复提交。

参考博客：

https://blog.csdn.net/Huozhiwu_11/article/details/78742886

 

https://blog.csdn.net/hsz168/article/details/70624725

 

https://blog.csdn.net/lvqingyao520/article/details/52974217

防止用户恶意提交表单

 

https://www.cnblogs.com/huanghuizhou/p/9153837.html