chrome关闭重复提交表单

JavaScript024

chrome关闭重复提交表单,第1张

1、首先通过js代码，当用户点击提交按钮后，屏蔽提交按钮使用户无法点击提交按钮或点击无效，从而实现防止表单重复提交。

2、其次在数据库建表的时候在ID字段添加主键约束，用户名、邮箱、电话等字段加唯一性约束。确保数据库只可以添加一条数据。

3、最后通过数据库加唯一键约束能有效避免数据库重复插入相同数据。

在客户端那边去做限制，在最后一个请求没响应回来之前不能发起另外的请求。

a、提交事件触发后, 禁用控件,不让客户提交

b、设置一变量作为标识,如果是0就接受提交,如果是1就不接受. 每次提交的时候设为1,服务端响应之后设为0

服务端，

1在数据库层面防止重复数据写入

2使用 RateLimit 定义规定时间内同一操作不能超过几次，

3采用队列写入

4每次提交都需要申请一个 token ，每个 token 只能用一次

定义一个变量。

var flag= 0

如果flag=0 就让提交

在提交后，数据没有返回来前，将flag=1

数据返回来后再设置成0

这样就能防止重复提交。非常有效。