js防止表單重復(fù)提交的兩種方法

2019-11-20 21:55:44

字體：大中小

供稿：網(wǎng)友

第一種：用flag標(biāo)識(shí)，下面的代碼設(shè)置checkSubmitFlg標(biāo)志：

 
<script language="”javascript”"> 

var checkSubmitFlg = false; 

function checkSubmit(){ 

if(checkSubmitFlg ==true){ return false; //當(dāng)表單被提交過(guò)一次后checkSubmitFlg將變?yōu)閠rue,根據(jù)判斷將無(wú)法進(jìn)行提交。 

} 

checkSubmitFlg ==true; 

return true; 

} 

< /script > 

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

………..< /form>

第二種：在onsubmit事件中設(shè)置，在第一次提交后使提交按鈕失效，代碼如下：

復(fù)制代碼代碼如下:

 
<form action=”about:blank” method=”post” onsubmit =”getElementById(‘submitInput').disabled=true;return true;” target=”_blank”> 
<input type=”submit” id=”submitInput”/> 
</form> 
</body> 
</html> 
</script> 

因?yàn)槌绦蛟创a跟WIN2000的注冊(cè)表有沖突，帖子發(fā)出后會(huì)出現(xiàn)無(wú)效頁(yè)面，以致于論壇里有很多無(wú)惡意的重復(fù)帖子，后來(lái)想出了一個(gè)辦法，用JS避免重復(fù)提交，下面是部分源碼：

復(fù)制代碼代碼如下:

 
<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只是一個(gè)時(shí)間值，就是5分鐘內(nèi)禁止重復(fù)提交，值隨你高興設(shè) 
{ 
document.formsubmitf.mypretime.value=mysec; 
} 
else 
{ 
alert(' 按一次就夠了，請(qǐng)勿重復(fù)提交！請(qǐng)耐心等待！謝謝合作！'); 
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'> //這句不能少，用隱含變量傳遞一個(gè)時(shí)間初值 

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

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