HTML表单重复按钮,防止表单重复提交的几种方法总结

1、JavaScript防止表单重复提交(主要用于网络延迟情况下用户点击多次submit按钮导致表单重复提交)

在jsp页面中，添加JavaScript代码来防止表单的重复提交。主要是针对在网络延迟情况下用户有时间点击多次submit按钮导致表单重复提交，使用javascript控制Form表单只能提交一次。

Var isCommitted = false; //表单是否应提交标识，默认为false

function dosubmit() {

If(isCommitted == false){ //提交表单后，将表单是否已经提交设置为true

isCommitted = true; //返回true让表单正常提交

return true;

}else{

return false; //返回false表单不提交

}

2、将提交按钮设置为不可用，让用户点击第一次提交之后，没有机会点击第二次提交按钮的机会。(也可以将提交按钮隐藏起来，在点击第一次之后，将提交按钮隐藏起来)

function dosubmit() {

//获取表单提交按钮

Var btnSubmit = documen.getElementById(“sumit”);

//将表单提交按钮设置为不可用，可以避免用户再次点击提交按钮进行提交

btnSubmit.disabled = “disabled”;

//返回true让表单可以提交

return true;

}

3、利用Session防止表单重复提交(主要用于表单提交之后，点击浏览器刷新按钮导致表单重复提交，以及点击浏览器返回按钮退回到表单页面后进行再次提交)

(1)、表单页面由servlet程序(服务器端)生成，servlet为每次产生的表单页面分配一个唯一的随机标识号(Token令牌)，并在FORM表单的一个隐藏字段中设置这个标识号，同时在当前用户的Session域中保存这个标识号。

(2)、当用户提交FORM表单时，负责处理表单提交的serlvet得到表单提交的标识号，并与session中存储的标识号比较，如果相同则处理表单提交，处理完后清除当前用户的Session域中存储的标识号。如果不一致，就是重复提交了，此时服务器端就可以不处理重复提交的表单了。

(3)、服务器程序将拒绝用户提交的表单请求情况如下：

1)：存储Session域中的表单唯一的标识号与表单提交的标识号不同

2)：当前用户的Session中不存在表单标识号

3)：用户提交的表单数据中没有标识号字段

(4)、创建标识号

String token = TokenProccessor.getInstance().makeToken();

(5)、在服务器端使用Session保存标识号

request.getSession().setAttribute(“token”,token);

(6)、在form表单中也就是JSP页面中，使用隐藏域来存储标识号(Token令牌)

(可以使用EL表达式取出存储在Session域中的token)

”>

--%>

HTML表单重复按钮,防止表单重复提交的几种方法总结相关推荐

php ajax jquery 表单重复提交,jQuery的 $.ajax防止重复提交的两种方法(推荐)
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不 ...
java mysql防重复提交_防止数据重复提交的6种方法(超简单)！
有位朋友,某天突然问磊哥:在 Java 中,防止重复提交最简单的方案是什么? 这句话中包含了两个关键信息,第一:防止重复提交:第二:最简单. 于是磊哥问他,是单机环境还是分布式环境? 得到的反馈是单机 ...
getclass方法_防止数据重复提交的6种方法(超简单)！
有位朋友,某天突然问磊哥:在 Java 中,防止重复提交最简单的方案是什么? 这句话中包含了两个关键信息,第一:防止重复提交:第二:最简单. 于是磊哥问他,是单机环境还是分布式环境? 得到的反馈是单机 ...
jQuery的 $.ajax防止重复提交的两种方法(推荐)
本文给大家分享两种jquery 的ajax防止重复提交的方法,第一种方法对于onclick事件触发的ajax,在beforeSend中使点击按钮不可用,ajax结果返回后置为可用,第二种利用jquer ...
html表单按钮灰色,点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...
防止表单重复提交的4种方法
1.背景与介绍: 平时开发的项目中可能会出现下面这些情况: 由于用户误操作,多次点击表单提交按钮. 由于网速等原因造成页面卡顿,用户重复刷新提交页面. 黑客或恶意用户使用postman等工具重复恶意提 ...
后台防止表单重复提交的三种方法
方案一:利用Session防止表单重复提交具体的做法: 1.获取用户填写用户名和密码的页面时向后台发送一次请求,这时后台会生成唯一的随机标识号,专业术语称为Token(令牌). 2.将Token发送 ...
html更改灰色按钮可用,点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...
jquery按钮置灰_点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...

HTML表单重复按钮,防止表单重复提交的几种方法总结

HTML表单重复按钮,防止表单重复提交的几种方法总结相关推荐

最新文章

热门文章