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设置变量锁定 这里以设置表单失效来实现 ...

防止表单重复提交

  • 2011-12-18 11:28
  • 5.18MB
  • 下载

【jQuery】 ajax 提交表单问题--双击会重复提交;success函数不执行

今天需要把之前写的表单进行提交,要用ajax来提交。这里我用的是jQuery的ajax(),本来以为这是个很容易的任务,因为之前对ajax有了一定的了解和使用,但是真的做起来,还真的遇到了问题。 表...

防止表单重复提交

  • 2014-08-14 17:46
  • 3.41MB
  • 下载

1、Jquery form表单ajax提交 2、jquery.filter校验多个相同类型的文本框是否输入数据有重复

JSP引用该JS 表单保存按钮 onclick=save(); function save(){ var ipts = $('.resblockName'), repeat = ''; ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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