使用JavaScript防止表单重复提交

最新推荐文章于 2023-06-30 16:16:38 发布
最新推荐文章于 2023-06-30 16:16:38 发布
阅读量998 收藏
点赞数
文章标签： javascript button input action function date
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/david1030/article/details/2011211
版权
原理：设置一个变量，只允许提交一次传递一个隐藏参数mypretime，判断是否重复提交表单。
<%@ page contentType="text/html;charset=gb2312"%>
<html>
<head>
<script language="javascript">
function formsubmit()
{
    Today = new Date();
    var NowHour = Today.getHours();
    var NowMinute = Today.getMinutes();
    var NowSecond = Today.getSeconds();
    var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond;
    if(mysec-document.formsubmitf.mypretime.value)>600)
    {
        document.formsubmitf.mypretime.valur = mysec;
    }
    else
    {
        alert("请勿反复提交！请耐心等待！谢谢合作！");
        return false;
    }
    document.forms.formsubmitf.submit();
}
</script>
</head>
<body>
<form name="formsubmitf" id="the" method="post" action=".....">
<input type="hidden" name="mypretime" value="0">//传递一个隐藏值，判断是否重复提交
.....
.....
.....
<input type="button" value="提交" name="button1" οnclick="formsubmit()">
.....
.....
.....
</form>
</form>
</bordy>  
三井学长
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈利用Session防止表单重复提交
08-28
对于第一种情况，可以使用JavaScript防止表单重复提交。方法是，在页面中添加JavaScript代码，判断提交按钮是否已经点击过， 如果已经点击过，则不允许再次提交。 使用Session防止表单重复提交 对于后面两种情况，...
javascript方式防止表单重复提交
12-08
在Web开发中，表单重复提交是一个常见的问题，可能导致数据的冗余或错误。JavaScript作为客户端脚本语言，可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点： 1. **禁用提交按钮**：最...
js 通用防重复提交方法
qq_36521848的博客
06-15 565
有时候浏览器用户提交，手比较快，或者网络卡顿，容易提交多次。用户点击提交，自动禁用按钮3秒钟，3秒后自动解除禁用。
防止表单重复提交的4种方法
yyyyouuu的博客
02-24 782
积累经验，越来越强
8种方案解决重复提交问题
z_ssyy的博客
06-02 3203
在我们编程中常见幂等select查询天然幂等delete删除也是幂等,删除同一个多次效果一样update直接更新某个值的,幂等update更新累加操作的,非幂等insert非幂等操作,每次新增一条。
表单重复提交
chujiang6735的博客
07-09 253
解决方案 1 通过JavaScript屏蔽提交按钮（不推荐） 通过js代码，当用户点击提交按钮后，屏蔽提交按钮使用户无法点击提交按钮或点击无效，从而实现防止表单重复提交。 ps：js代码很容易被绕过。比如用户通过刷新页面方式，或使用postman等工具绕过前段页面仍能重复提交表单。因...
js防止表单重复提交实现代码
10-27
在Web开发中，防止表单重复提交是一个重要的问题，它涉及到数据一致性、用户体验以及系统稳定性。重复提交可能会导致数据库中的数据出现错误或者冗余，因此需要采取措施来防止这种情况发生。以下是一些防止表单重复...
一个JavaScript防止表单重复提交的实例
10-25
防止重复表单提交的方法有很多，本文使用JavaScript来实现防止表单重复提交，很简单，但很实用，新手朋友们不要错过
thinkphp3.2 防止表单重复提交
09-10
在Web开发中，防止表单重复提交是一个重要的问题，它能确保用户操作的唯一性和数据的一致性。ThinkPHP 3.2 是一个基于MVC模式的PHP开发框架，提供了丰富的功能来帮助开发者构建安全、高效的应用。在这个场景中，我们...
js防止表单重复提交的两种方法
12-12
第一种：用flag标识，下面的代码设置checkSubmitFlg标志： 代码如下: [removed] var checkSubmitFlg = false; function checkSubmit(){ if(checkSubmitFlg ==true){ return false; //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。 } checkSubmitFlg ==true; return true; } < /script > < form name=”form1” method=”pos
jquery 防止表单重复提交代码
12-09
我的解决办法如下（只针对客户端）： 用户点击提交按钮后给按钮添加disabled属性 代码如下:$(“input:submit”).each(function() { var srcclick = $(this).attr(“onclick”); if(typeof(srcclick)==”function”){ $(this).click(function() { if (srcclick()) { setdisabled(this); return true; } return false; });} }); function setdisabled(obj) { setTimeout(
防止表单重复提交 方法汇总
最新发布
Qyq0498的博客
06-30 1403
在打开页面方法上，设置createToken()为true，此时拦截器会在Session中保存一个token，同时需要在页面中添加<input type="hidden" name="token" th:value="${session.token}">，保存方法需要验证重复提交的，设置removeToken为true，此时会在拦截器中验证是否重复提交。在服务器端判断客户端提交上来的token与服务器端生成的token是否一致：如果不一致，那就是重复提交了，此时服务器端就可以不处理重复提交的表单；
JS防止表单重复提交
Donny的专栏
07-02 102
/*方法1：设置一个全局JS变量*/ var submited = false; function checkSubmit() { if (!submited) { submited = true; return true; } else { alert("请不要重复提交！"); return false; ...
【精品】防止表单重复提交 方法汇总
哈
04-06 1307
在打开页面方法上，设置createToken()为true，此时拦截器会在Session中保存一个token，同时需要在页面中添加，保存方法需要验证重复提交的，设置removeToken为true，此时会在拦截器中验证是否重复提交/*** 创建Token* @return/*** 移除Token* @return（推荐）
通过js点击事件处理防止表单重复提交
kay523393的博客
12-01 1490
当用户单击“提交”按钮后，该按钮将变为灰色不可用状态 上面的例子中使用OnClick事件检测用户的提交状态，如果单击了“提交”按钮，该按钮立即置为失效状态，用户不能单击按钮再次提交。 还有一个方法，也是利用JavaScript的功能，但是使用的是OnSubmit()方法，如果已经提交过一次表单，将立即弹出对话框，代码如下： <script language="javascript"> var submitcount=0; function submitOnce (form){ if (s
js防止表单的重复提交
WEBCODE
01-26 209
在表单提交的时候，用户有时候会重复的点击提交按钮，会导致多次提交，产生重复数据。我们应该怎么办了？一般想法是：通过attachEvent在 form的onsubmit事件中写一个方法，每次触发该事件时执行该方法，我们可以给form增加一个submited属性，每次判断这个属性，为 false的时候继续提交表单并且设置form.submited=true，反之说明表单已经提交，就不再提交表单。 ...
java防止表单重复提交常用方法
03-23
Java 防止表单重复提交的常用方法有以下几种： 1. 在表单中添加一个隐藏字段，用于存储一个随机数或时间戳，每次提交表单时，先验证该字段的值是否与服务器端保存的值一致，如果不一致，则认为是重复提交。 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值