js防止表單重復提交的兩種方法

2019-11-20 21:55:44

字體：大中小

供稿：網(wǎng)友

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

 
<script language="”javascript”"> 

var checkSubmitFlg = false; 

function checkSubmit(){ 

if(checkSubmitFlg ==true){ return false; //當表單被提交過一次后checkSubmitFlg將變?yōu)閠rue,根據(jù)判斷將無法進行提交。 

} 

checkSubmitFlg ==true; 

return true; 

} 

< /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”> 
<input type=”submit” id=”submitInput”/> 
</form> 
</body> 
</html> 
</script> 

因為程序源碼跟WIN2000的注冊表有沖突，帖子發(fā)出后會出現(xiàn)無效頁面，以致于論壇里有很多無惡意的重復帖子，后來想出了一個辦法，用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分鐘內(nèi)禁止重復提交，值隨你高興設 
{ 
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'> //這句不能少，用隱含變量傳遞一個時間初值 

//這里是你要提交的內(nèi)容 

<input type="button" value="寫好了" name="button1" class="4round" onclick='formsubmit()'> <font class="red">(請按一次，耐心等待！)</font> <input type="reset" value="重 寫" name="button2" class="4round"> 
</form> 