DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js防止表單重復提交的兩種方法
js防止表單重復提交的兩種方法
編輯:關於JavaScript     
第一種:用flag標識,下面的代碼設置checkSubmitFlg標志:
復制代碼 代碼如下:
<script language="”javascript”">

var checkSubmitFlg = false;

function checkSubmit(){

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

}

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的注冊表有沖突,帖子發出後會出現無效頁面,以致於論壇裡有很多無惡意的重復帖子,後來想出了一個辦法,用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檢測,不需要額外的權限支持,至於效果如何,用不用就隨你們了,(最好前端跟後端都加上檢測)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved