JS 防止表單重複提交的方法

時間 2019-11-09

標籤防止表單重複提交方法欄目 JavaScript 简体版

原文原文鏈接

第一種：用flag標識，下面的代碼設置checkSubmitFlg標誌：javascript

var checkSubmitFlg = false; 前端

function checkSubmit(){ java

if(checkSubmitFlg ==true){ return false; //當表單被提交過一次後checkSubmitFlg將變爲true,根據判斷將沒法進行提交。後端

} post

checkSubmitFlg ==true; .net

return true;orm

}htm

< /script >事件

< form name=」form1」 method=」post」 onsubmit=」return checkSubmit();」>

………..< /form>

第二種：在onsubmit事件中設置，在第一次提交後使提交按鈕失效，代碼以下：

<form action=」about:blank」 method=」post」 onsubmit =」getElementById(‘submitInput’).disabled=true;

return true;」

target=」_blank」>

</form>

< /body>

</html>

</script>

由於程序源碼跟WIN2000的註冊表有衝突，帖子發出後會出現無效頁面，以至於論壇裏有不少無惡意的重複帖子，後來想出了一個辦法，用JS避免重複提交，下面是部分源碼： <script Language='JavaScript'> function formsubmit() { Today = new Date(); var NowHour = Today.getHours(); var NowMinute = Today.getMinutes(); var NowSecond = Today.getSeconds(); var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond; if((mysec-document.formsubmitf.mypretime.value)>600) //600只是一個時間值，就是5分鐘內禁止重複提交，值隨你高興設 { document.formsubmitf.mypretime.value=mysec; } else { alert(' 按一次就夠了，請勿重複提交！請耐心等待！謝謝合做！'); return false; } document.forms.formsubmitf.submit(); } </script> </HEAD> <BODY BGCOLOR="#FFFFFF"> <form name=formsubmitf id ="the" method="post" action="XXX.asp"> <input type=hidden name='mypretime' value='0'> //這句不能少，用隱含變量傳遞一個時間初值 //這裏是你要提交的內容 <input type="button" value="寫好了" name="button1" class="4round" onclick='formsubmit()'> <font class="red">(請按一次，耐心等待！)</font> <input type="reset" value="重寫" name="button2" class="4round"> </form> 用了這個代碼，論壇的重複帖子明顯減小，不過有個缺點，就是刷新一次，檢測就不起做用，好處就是利用JS檢測，不須要額外的權限支持，至於效果如何，用不用就隨大家了，（最好前端跟後端都加上檢測）

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。