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

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

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

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

         
    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(); 
    } 
     
    
     
    
     
     
     //這句不能少，用隱含變量傳遞一個時間初值

HTML/PHP防止表單重復提交的兩種方法

1、使用Post/Redirect/Get模式。

在提交后執(zhí)行頁面重定向，這就是所謂的Post-Redirect-Get (PRG)模式。簡言之，當用戶提交了表單后，你去執(zhí)行一個客戶端的重定向，轉(zhuǎn)到提交成功信息頁面。這能避免用戶按F5導致的重復提交，而其也不會出現(xiàn)瀏覽器表單重復提交的警告，也能消除按瀏覽器前進和后退按導致的同樣問題。

 2、在session中存放一個特殊標志。

在服務器端，生成一個唯一的標識符，將它存入session，同時將它寫入表單的隱藏字段中，然后將表單頁面發(fā)給瀏覽器，用戶錄入信息后點擊提交，在服務器端，獲取表單中隱藏字段的值，與session中的唯一標識符比較，相等說明是首次提交，就處理本次請求，然后將session中的唯一標識符移除；不相等說明是重復提交，就不再處理。

這使你的web應用有了更高級的XSRF保護。

請見如下代碼：

      
    在頁面表單上將隨機數(shù)作為隱藏值進行傳遞，代碼如下：  
    ">  
       
        在接收頁面的PHP代碼如下：  
       
    

3．使用header函數(shù)轉(zhuǎn)向

除了上面的方法之外，還有一個更簡單的方法，那就是當用戶提交表單，服務器端處理后立即轉(zhuǎn)向其他的頁面，代碼如下所示。

if (isset($_POST['action']) && $_POST['action'] == 'submitted') {

//處理數(shù)據(jù)，如插入數(shù)據(jù)后，立即轉(zhuǎn)向到其他頁面

header('location:submits_success.PHP');

}

這樣，即使用戶使用刷新鍵，也不會導致表單的重復提交，因為已經(jīng)轉(zhuǎn)向新的頁面，而這個頁面腳本已經(jīng)不理會任何提交的數(shù)據(jù)了。

4.表單過期的處理

在開發(fā)過程中，經(jīng)常會出現(xiàn)表單出錯而返回頁面的時候填寫的信息全部丟失的情況，為了支持頁面回跳，可以通過以下兩種方法實現(xiàn)。

1．使用header頭設置緩存控制頭Cache-control。

header('Cache-control: private, must-revalidate'); //支持頁面回跳

2．使用session_cache_limiter方法。

session_cache_limiter('private, must-revalidate'); //要寫在session_start方法之前

下面的代碼片斷可以防止用戶填寫表單的時候，單擊“提交”按鈕返回時，剛剛在表單上填寫的內(nèi)容不會被清除：

session_cache_limiter('nocache');

session_cache_limiter('private');

session_cache_limiter('public');

session_start();

//以下是表單內(nèi)容，這樣在用戶返回該表單時，已經(jīng)填寫的內(nèi)容不會被清空

將該段代碼貼到所要應用的腳本頂部即可。

Cache-Control指定請求和響應遵循的緩存機制。在請求消息或響應消息中設置Cache-Control并不會修改另一個消息處理過程中的緩存處理過程。

請求時的緩存指令包括no-cache、no-store、max-age、max-stale、min-fresh和only-if-cached，響應消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate和max-age。

5.使用Cookie處理

使用Cookie記錄表單提交的狀態(tài)，根據(jù)其狀態(tài)可以檢查是否已經(jīng)提交表單，請見下面的代碼：

如果客戶端禁止了Cookie，該方法將不起任何作用，這點請注意