js控制再次點擊按鈕之間的間隔時間可防止重複提交，js間隔時間

js控制再次點擊按鈕之間的間隔時間可防止重複提交，js間隔時間

<script type="text/javascript" language="javascript"> var wait = 60; function change() { $o = $("#J_refresh_checkcode"); if(wait == 0) { $o.removeAttr("disabled"); $o.html("看不清？換一張"); wait = 60; } else { $o.attr("disabled", true); $o.attr("font-color", "gray"); $o.html(wait + "秒後可重新擷取"); wait--; if(wait == 59) { var imgNode = document.getElementById("vimg"); imgNode.src = "../../AjaxServer/CheckCodePic.ashx?t=" + (new Date()).valueOf(); // 這裡加個時間的參數是為了防止瀏覽器緩衝的問題 $("#J_checkcode_tip").addClass("hide"); $("#J_checkcode_tip>div").html(""); $("#<%=hidPicMessage.ClientID%>").val(""); } setTimeout(function() { change() }, 1000) } }</script>

則 html如下：

<div class="kv_item clear"> <span class="kv_label fl">驗證碼</span> <input name="checkCode" class="i_textshort fl" id="J_checkcode_input" onmousedown="ClearCodeMessage()" type="text" maxlength="6" autocomplete="off" onblur="CheckCode()" /> <img src="../../AjaxServer/CheckCodePic.ashx" height="28" id="vimg" alt="" style="float:left;margin:-1px 0 0 3px"/> <a id="J_refresh_checkcode" onclick="change()">看不清，換一張</a> <div class="msg msg-inline msg-weak hide" id="J_checkcode_tip"> <div class="msg-default msg-error"> <i class="msg-icon"></i> <div class="msg-content"> </div> </div> </div> </div>

30秒內禁止重複提交button按鈕

提交的圖片應該調用一個js function,
然後在function中submit()表單，
這樣你就可以在你的js中定義一個變數(boolean)

var submited=false;
function submitform(){
if(!submited){
submitted=true;
document.formname.submit();
//這裡再設個定時器，30秒後把submitted的值再改成false;
}else{
alert('30秒內不能提交');
}
}
 
js 怎防止 重新整理重複提交

使用Session

在提交的頁面也就是資料庫處理之前：

if session("ok")=true then
response.write "錯誤，正在提交"
response.end
end if

資料處理完後，修改session("ok")=false。

資料處理成功馬上Redirect到另外一個頁面

操作後重新整理的確是個問題，你可以使用跳轉頁面、關閉本頁面，如果是有參資料條件來控制的，那就應該好做了，可以直接修改window.location的值，把參數全部改掉，這樣就差不多了。

缺點：簡單地運用Response.Redirect將不再有效，因為使用者從一個頁面轉到另一個頁面，我們都必須用用戶端代碼清除location.history。注意，這種方法清除的是最後一個訪問記錄，而不是全部的訪問記錄。 點擊後退按鈕，再點擊後退按鈕，你可以看到這時開啟的是本頁面之前的頁面！（當然，這是在你的用戶端啟用了javascript功能的條件下。）