js防止表單重復(fù)提交的兩種方法
更新時(shí)間:2013年09月30日 15:36:34 作者:
第一種:用flag標(biāo)識(shí),下面的代碼設(shè)置checkSubmitFlg標(biāo)志;第二種:在onsubmit事件中設(shè)置,在第一次提交后使提交按鈕失效,感興趣的朋友可以了解下
第一種:用flag標(biāo)識(shí),下面的代碼設(shè)置checkSubmitFlg標(biāo)志:
<script language="”javascript”">
var checkSubmitFlg = false;
function checkSubmit(){
if(checkSubmitFlg ==true){ return false; //當(dāng)表單被提交過一次后checkSubmitFlg將變?yōu)閠rue,根據(jù)判斷將無法進(jìn)行提交。
}
checkSubmitFlg ==true;
return true;
}
< /script >
< form name=”form1” method=”post” onsubmit=”return checkSubmit();”>
………..< /form>
第二種:在onsubmit事件中設(shè)置,在第一次提交后使提交按鈕失效,代碼如下:
<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)無效頁(yè)面,以致于論壇里有很多無惡意的重復(fù)帖子,后來想出了一個(gè)辦法,用JS避免重復(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="寫好了" name="button1" class="4round" onclick='formsubmit()'> <font class="red">(請(qǐng)按一次,耐心等待!)</font> <input type="reset" value="重 寫" name="button2" class="4round">
</form>
用了這個(gè)代碼,論壇的重復(fù)帖子明顯減少,不過有個(gè)缺點(diǎn),就是刷新一次,檢測(cè)就不起作用,好處就是利用JS檢測(cè),不需要額外的權(quán)限支持,至于效果如何,用不用就隨你們了,(最好前端跟后端都加上檢測(cè))
復(fù)制代碼 代碼如下:
<script language="”javascript”">
var checkSubmitFlg = false;
function checkSubmit(){
if(checkSubmitFlg ==true){ return false; //當(dāng)表單被提交過一次后checkSubmitFlg將變?yōu)閠rue,根據(jù)判斷將無法進(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)無效頁(yè)面,以致于論壇里有很多無惡意的重復(fù)帖子,后來想出了一個(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="寫好了" name="button1" class="4round" onclick='formsubmit()'> <font class="red">(請(qǐng)按一次,耐心等待!)</font> <input type="reset" value="重 寫" name="button2" class="4round">
</form>
用了這個(gè)代碼,論壇的重復(fù)帖子明顯減少,不過有個(gè)缺點(diǎn),就是刷新一次,檢測(cè)就不起作用,好處就是利用JS檢測(cè),不需要額外的權(quán)限支持,至于效果如何,用不用就隨你們了,(最好前端跟后端都加上檢測(cè))
您可能感興趣的文章:
- javascript下阻止表單重復(fù)提交、防刷新、防后退
- js防止表單重復(fù)提交實(shí)現(xiàn)代碼
- js控制再次點(diǎn)擊按鈕之間的間隔時(shí)間可防止重復(fù)提交
- JSP防止網(wǎng)頁(yè)刷新重復(fù)提交數(shù)據(jù)的幾種方法
- JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕后變灰避免多次重復(fù)提交
- JSP刷新頁(yè)面表單重復(fù)提交問題解決辦法分享
- JS Ajax請(qǐng)求如何防止重復(fù)提交
- jsp 重復(fù)提交問題
- 一個(gè)JavaScript防止表單重復(fù)提交的實(shí)例
- 前端防止用戶重復(fù)提交js實(shí)現(xiàn)代碼示例
相關(guān)文章
JavaScript實(shí)現(xiàn)Tab欄切換功能詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)Tab欄切換的實(shí)現(xiàn)方式,是面向?qū)ο蟮膶懛?,本文給大家分享詳細(xì)案例代碼,需要的朋友可以參考下2022-10-10微信小程序?qū)崿F(xiàn)多行文字滾動(dòng)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多行文字滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03手把手教你 CKEDITOR 4 實(shí)現(xiàn)Dialog 內(nèi)嵌 IFrame操作詳解
這篇文章主要介紹了手把手教你 CKEDITOR 4 實(shí)現(xiàn)Dialog 內(nèi)嵌 IFrame操作,結(jié)合實(shí)例形式分析了CKEDitor4 Dialog內(nèi)嵌IFrame具體操作步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下2019-06-06微信小程序 多行文本顯示...+顯示更多按鈕和收起更多按鈕功能
這篇文章主要介紹了微信小程序多行文本顯示...+顯示更多按鈕和收起更多按鈕,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09