jquery防止表单重复提交

原创 2016年05月30日 15:26:44

代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>用户注册</title>

<script src="jquery.min.js"></script>
<script>
var tm=null;
function calcSubmitCnt(){
var cnt=parseInt($('#submitCnt').text());
cnt=cnt+1;
$('#submitCnt').text(cnt);
//$('#subsmitBtn').removeAttr('dis');
    $('#submitBtn').attr('dis','0');

}
$(function(){
$('#submitBtn').click(function(){
if($(this).attr('dis')=='1'){
return flase;
}
$(this).attr('dis','1');
clearTimeout(tm);
tm=setTimeout("calcSubmitCnt()",1000);

});

});
</script>
</head>
<body>
<div id="editArea">
<textarea id="textfield"></textarea>
<p>
<a href="javascript:void(0)" id="submitBtn">提交 </a>
</p>
</div>
<div id="result">
已提交了<span id="submitCnt">0</span>次
</div>
</body>
</html>

结果:


jquery表单防重复提交

网站中防止表单重复提交是一个比较普遍的需求,解决办法很多种 有利用session和cookie即生成个一次性token放在表单隐藏域防重复提交 有利用js设置变量锁定 这里以设置表单失效来实现 ...
  • nuli888
  • nuli888
  • 2016年07月08日 13:00
  • 6412

jquery防止重复提交表单

重复触发就是防止用户重复点击提交数据了,我们一般都是点击之后没反应会再次点击了,这个不但要从用户体验上来做好,还在要js或php程序脚本上做好,让用户知道点击是己提交服务器正在处理,下面我就整理从脚本...
  • u010880345
  • u010880345
  • 2016年03月01日 13:55
  • 1023

Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据

表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾。 jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代...
  • u010648555
  • u010648555
  • 2015年11月03日 20:41
  • 17118

防止表单重复提交的八种简单有效的策略

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导致重复...
  • myhuashengmi
  • myhuashengmi
  • 2016年09月28日 21:25
  • 32199

Java Web防止表单重复提交

转载请注明出处: 注:本章内容基于struts2框架,action就相当于servlet 哎,今天遇到这个问题快把我搞崩溃了咯,但是,注意只是快,并没有- -,感觉自己就像卡卡罗特一样啊,只要不把...
  • qq_15002323
  • qq_15002323
  • 2016年04月26日 20:21
  • 1318

FORM表单防止页面重复提交

应用场景:因为考虑系统安全以及数据准确性的问题,表单提交后应该拒绝重复提交。 分析:我们可以给页面做标记,进入表单创建页面时设置一个唯一标记值同时把这个标记值用SESSION保存起来,用户点击提交按钮...
  • qq_16149125
  • qq_16149125
  • 2016年11月07日 16:07
  • 1765

SpringMVC token 防止表单重复提交

一、定义注解 Token.java @Target(ElementType.METHOD) @Retention(RetentionPolicy.RUNTIME) public @interface ...
  • jxq0816
  • jxq0816
  • 2016年01月20日 18:23
  • 7247

php 解决和避免form表单重复提交的方法

在提交表单的时候,可能遇到网速等导致页面突然加载变慢,用户重复地点击提交按钮,将在数据库产生多条数据,导致不可控情况。 比如下面的情况就会导致表单重复提交: 点击提交按钮两次。 点击刷新按钮。 ...
  • ting22055
  • ting22055
  • 2014年11月17日 22:34
  • 3870

谈谈防止重复点击提交

http://www.cnblogs.com/jinguangguo/archive/2013/05/20/3086925.html 首先说说防止重复点击提交是什么意思。   我们在访问有的网站,...
  • eagelangel
  • eagelangel
  • 2013年05月23日 17:14
  • 10340

Servlet学习笔记---防止表单重复提交

第一种方法:用javascript来防止重复提交 var committed=false; function dosubmit() { if(committed) ...
  • qq_33665647
  • qq_33665647
  • 2016年08月28日 08:18
  • 1116
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery防止表单重复提交
举报原因:
原因补充:

(最多只允许输入30个字)