JavaScript控制表单在一段时间内禁止重复提交

2009-06-26 12:29:12 | 【

有的用户很容易多次点击表单内的提交按钮,本程序通过JavaScript代码控制用户的提交次数,只有过了一段时间后,才能再次提交。


<script type="text/javascript"> 

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序,请保留此声明
         * 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
         ******************************************************/
    
var tid;
var bClicked = false;
function sbm(){
    if(bClicked){
        alert("sharejs.com提示您,请不要重复递交");
        return false;    
    }
    bClicked = true;
    tid = setTimeout("doit()", 10000);
    //document.forms[0].submit();
}

function doit(){
    if(tid!=null){clearTimeout(tid);tid=null;}
    bClicked = false;
}
</script>

<form action="xxx" target="hf">
  <input name="btn" type="button" onclick="sbm();" value=" 提交 ">
</form>
<iframe name="hf"></iframe>


相关资源