防止重复提交表单的方式
表单重复提交是在web开发中经常遇到的问题,顾名思义就是指同一个表单用户有意或无意的提交了两次,轻则引起系统数据出现重复,重则引起系统业务逻辑异常,导致系统数据错乱。
一、引起表单重复提交有以下几种常见场景:
1.重复点击提交按钮。包括恶意的连续点击提交按钮,或因为网络慢、服务器处理速度慢等引起的用户多次点击。
2.表单提交处理完后,通过浏览器的后退按钮回到原页面再次点击提交按钮。
3.通过点击浏览器的刷新按钮,导致表单重复提交
4.通过浏览器的历史记录,获取表单提交的URL地址,再次访问
二、解决方式
1.JS脚本方式
JS脚本方式只能限制场景一的多次点击,且须和服务端方式结合使用。JS限制有以下几种方式:
(1)定义全局变量,在form提交前判断是否已有提交过
<script>
var checkSubmitFlg = false;
function checkSubmit(){
if(checkSubmitFlg == true){
return false;
}
checkSubmitFlg = true;
return true;
}
</script>
<form action="" onsubmit="return checkSubmit();">
</form>
(2)单击提交按钮后,立刻禁用改按钮
(3)单击提交按钮后,弹出屏蔽层,防止用户第二次点击
2.服务端方式
在打开页面同时生成一个token,存放在session中,同时在页面的form中设置一个隐藏域,表单提交时后端检查session中是否存在该token,存在则立即从session中remove,然后进行正常业务逻辑操作(如业务逻辑操作失败则可再添加该token到session中,方便用户修改数据后再提交),不存在该token则返回重复提交的提示。
服务端方式防止表单重复提交能解决大部分表单重复提交的问题,但是也存在一些缺陷。比如,针对同一个表单快速重复提交的情况并不能准确保证只有一个请求被正常处理;session中存放token只能针对一个表单,如果用户在同一个会话里同事打开多个form表单,则只能正确处理最后一个打开的form页面(可采用在数据库中保存处理过的token替换remove的方式,但该方式性能较差,不推荐采用)。
3.唯一性约束
在数据库中增加唯一性约束限制,这是最有效防止表单重复提交的方式。
三、总结
一般情况下采用JS脚本方式和服务端方式两种结合已可防止表单重复提交,针对特殊业务要求的可采用数据库唯一性约束限制等方式来强制保证业务逻辑上的数据唯一要求。
分享到:
相关推荐
提交表单后提交禁用提交按钮,防止重复提交.
javascript方式防止表单重复提交,
主要介绍了spring boot 防止重复提交实现方法,结合实例形式详细分析了spring boot 防止重复提交具体配置、实现方法及操作注意事项,需要的朋友可以参考下
好友使用vue技术封装了一个专门用于提交表单和下载文件的“防抖按钮”,其实现原理和使用方法看这里 https://blog.csdn.net/PursueExcellence/article/details/103903139。
防止表单重复提交。判断是新打开的页面还是刷新的页面 判断是新打开的页面还是刷新的页面
springboot2.1+redis+拦截器 防止表单重复提交详细完整介绍,所用到的文件都上传了,下载即可使用。自己花了半天整理,并且测试通过,使用在实际项目中的,希望对每一个下载的朋友有帮助。
当用户将信息提交到服务器,服务器响应采用forward方式调转到下一个页面后,此时地址栏中显示的是上个页面的URL,若刷新当前页面,浏览器会将再次提交用户先前输入的数据,就会再次出现表单重复提交的问题。...
服务器端避免表单的重复提交,利用同步令牌来解决重复提交的基本原理如下:(1)用户访问提交数据的页面,服务器端在这次会话中,创建一个session对象,并产生一个令牌值,将这个令牌值作为隐藏输入域的值,随表单一起发送到...
先说对话框(Dialog)里的表单提交 错误方案 说起错误方案,比如,点击提交按钮,本地验证,验证通过立即让按钮不可点,这些没问题,而我的错误点概括是:在某个最后执行的回调函数的最后一行,我做了2个操作:1,...
自定义封装注解类,(生成token存放到redis中)通过注解的方式解决API接口幂等设计防止表单重复提交
防止表单重复提交的方法(简单的token方式),内附实现代码及实现思路。
这是一个关于防止表单重复提交的练习,大神勿喷!
客户端防表单重复提交和服务器端session防表单重复提交.
ASP.NET中防止刷新页面造成表单重复提交
今天小编就为大家分享一篇防止Layui form表单重复提交的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
防止用户表单重复提交的完整demo 分别在js与后台中处理,js处理(针对网络慢情况) 后台处理(针对用户点击浏览器上的刷新按钮等)
struts2防止表单重复提交,利用struts的拦截器tokenSession,轻轻松松解决表单重复提交的问题。 附件为源代码,后台延迟了3秒,可直接在web服务器下部署运行,输入用户名和密码后,多点几次提交按钮,然后看控制台...
主要介绍了ThinkPHP防止重复提交表单的方法,结合实例形式分析了thinkPHP防止重复提交表单的各种常见操作技巧与相关注意事项,需要的朋友可以参考下
如何修改禁止多次重复提交
这里是Struts2 中放置表单重复提交的例子。