jquery防止表单重复提交

最新推荐文章于 2021-03-29 10:03:04 发布

凉川望远

最新推荐文章于 2021-03-29 10:03:04 发布

阅读量429

点赞数

本文链接：https://blog.csdn.net/qq_24193261/article/details/51538356

版权

代码：

<!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>