关闭

jquery防止表单重复提交

124人阅读 评论(0) 收藏 举报

代码:

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

结果:


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:31081次
    • 积分:1775
    • 等级:
    • 排名:千里之外
    • 原创:147篇
    • 转载:26篇
    • 译文:3篇
    • 评论:5条
    最新评论