chrome关闭重复提交表单

JavaScript021

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

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

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

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

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

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

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

服务端,

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

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

3采用队列写入

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