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