JS防止表单提交之后用户点击浏览器后退按钮再次提交
来源:互联网 发布:appsevr php升级 编辑:程序博客网 时间:2024/06/06 05:14
如标题,防止这种做法的方法有很多,但一般都是需要结合服务器端技术来实现。这里我换一种思路纯用js方式来避免这种情况的发生。
其实目标很明确,就是为了防止用户返回跳转之前提交表单的页面。那么我们完全可以让表单提交后跳转到一个新的页面,在跳转后立刻关闭之前的页面,这样就无法返回了。代码如下:
HTML页面的表单,实现新页面跳转:
<form id="form" name="form" method="post" action="xxx.html" target="_blank"> ... <input type="button" id="btn_submit"></form>
注意:target="_blank"
是实现新页面跳转的关键
JS语法,关闭当前页面:
document.getElementById("btn_submit").onclick=function(){ //表单验证语句省略 document.getElementById("form").submit(); window.opener=null; window.open('','_self'); window.close();}
注意:window.opener=null; window.open('','_self'); window.close();"
这三句要一块使用才能够关闭页面。
1 0
- JS防止表单提交之后用户点击浏览器后退按钮再次提交
- 如何防止用户后退重复提交表单?
- 防止用户后退重复提交表单
- 如何防止用户后退重复提交表单
- 防止用户通过IE的后退按钮,重复提交相同的表单?
- 防止点击浏览器后退按钮 后退页面的js
- 表单点击提交按钮后变成灰色不可再次点击
- 防止form表单提交按钮多次点击导致提交多次
- angularjs 点击按钮之后禁用按钮,防止多重提交
- 表单重复提交和禁用浏览器后退按钮问题
- js提交按钮变灰色,防止用户重复提交
- 非submit按钮 点击之后 表单莫名自动提交了
- java防止表单重复提交后退等
- 防止用户多次点击按钮导致页面被多次提交
- 注册或者点击按钮时,防止用户重复提交数据
- asp.net中如何防止用户重复点击提交按钮
- 【asp.net中如何防止用户重复点击提交按钮】
- 表单提交后,提交按钮不可用,防止用户多次提交
- <iOS> 谈谈iOS Animation
- LDA线性判别分析
- 【WPF】TabControl垂直分页栏/选项卡
- 电子白板的开源项目【whiteboard】
- datatables.js 简单使用--多选框和服务器端分页
- JS防止表单提交之后用户点击浏览器后退按钮再次提交
- Android studio Error :...you can't have non-Gradle Java modules and Android-Gradle modules ...
- Mysql的数据查询语言DQL之基本查询
- win10系统下搭建mongodb服务
- 修改linux上ssh端口号
- 数据分析方法--PCA
- Java BlockingQueue生产者消费者实例
- LeetCode 61. Rotate List2.
- Mysql的数据查询语言DQL之连接查询