背景与介绍:
平时开发的项目中可能会出现下面这些情况:
由于用户误操作,多次点击表单提交按钮。
由于网速等原因造成页面卡顿,用户重复刷新提交页面。
黑客或恶意用户使用postman等工具重复恶意提交表单(攻击网站)。 这些情况都会导致表单重复提交,造成数据重复,增加服务器负载,严重甚至会造成服务器宕机。因此有效防止表单重复提交有一定的必要性。
解决方案
通过JavaScript屏蔽提交按钮(不推荐)
//默认提交状态为false
var flag= false;
function dosubmit(){
if(commitStatus==false){
//提交表单后,讲提交状态改为true
flag= true;
return true;
}else{
return false;
}
}
通过js代码,当用户点击提交按钮后,屏蔽提交按钮使用户无法点击提交按钮或点击无效,从而实现防止表单重复提交. 问题: js代码很容易被绕过。比如用户通过刷新页面方式,或使用postman等工具绕过前段页面仍能重复提交表单。因此不推荐此方法。
给数据库增加唯一键约束(简单粗暴)
在数据库建表的时候在ID字段添加主键约束,邮箱、电话、身份信息等字段加唯一性约束。确保数据库只可以添加一条数据