首頁 > 其他

重複提交的處理

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
 像其他論壇那樣，點擊完發送之後按鈕為灰色，即不可用，該怎麼做呢？

<SCRIPT LANGUAGE="JavaScript">
function submitForm() {
 if (event.ctrlKey && event.keyCode == 13) {
  document.form1.submit();
  document.form1.submit2.disabled=true;
 }
}
</SCRIPT>
<body>
<FORM ACTION="menu.htm" target="_blank" onkeyup="submitForm()" name="form1" style="border: 2px solid #000000" onSubmit="document.form1.submit2.disabled=true">
<TEXTAREA NAME="aa"></TEXTAREA>

 

---------------------------------------------------------------------------

<script>
function disable()
{
document.form1.Submit.disabled=true;
}
</script>
<form name="form1" method="post" action="" onsubmit="disable()">
<p>
<input type="submit" name="Submit" value="提交"
</p>
</form>

----------------------------------------------------------------------------

那如果想用ctrl+enter鍵發送表單之後也同樣效果

<script>
var i=0;
function formCheck(){i++;if (i>1) {document.form.submit1.disabled = true;}return true;}
function presskey(eventobject){if(event.ctrlKey && window.event.keyCode==13){i++;if (i>1) {alert('文章正在發出，請耐心等待！');return false;}this.document.form.submit();document.form.submit1.disabled = true;}}
</script>
支援CTRL+ENTER提交。只能提交一次。
<form name="form" method="post" action='' onsubmit="return formCheck()">
<TEXTAREA name=content rows=6 cols=79 onkeydown=presskey()></TEXTAREA> <BR><INPUT tabIndex=4 type=submit value="Ctrl+Enter 回複主題"  name=submit1 onclick="return formCheck()">　　　<INPUT type=reset value=" 重 寫 主 題 " name=reset onclick="checkclick('該項操作要清除全部的內容，您確定要清除嗎?')"></form>

 

--------------------------------------------------------------------------

如何禁止重複提交2007-05-21 14:11

一開始我使用了
this.button_OK.Attributes.Add("onclick", "window.document.getElementById(’" + this.Button_OK.ClientID + "’).disabled = true;")
但這樣做的結果是server端的button click處理函數不會被執行.

正確的做法是在Page Load中添加代碼:
//.net 2.0
string script = ClientScript.GetPostBackEventReference(this.Button_OK, null);
if (!Page.IsPostBack)
{
      System.Text.StringBuilder sb = new System.Text.StringBuilder();
      sb.Append("window.document.getElementById(’" + this.Button_OK.ClientID + "’).disabled = true;");
      sb.Append(script);
      sb.Append(";");
      this.Button_OK.Attributes.Add("onclick", sb.ToString());
}
        

// .net 1.0
string script = this.GetPostBackEventReference(this.button_OK);

If (!Page.IsPostBack)
{
      System.Text.StringBuilder sb = new System.Text.StringBuilder();
      sb.Append("window.document.getElementById(’" + this.button_OK.ClientID + "’).disabled = true;");
      sb.Append(script);
      sb.Append(";")
      this.button_OK.Attributes.Add("onclick", sb.ToString());
}

GetPostBackEventReference會產生html代碼:
<script type="text/javascript">
<!–
var theForm = document.forms[’form1′];
if (!theForm)
{
      theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
          theForm.__EVENTTARGET.value = eventTarget;
          theForm.__EVENTARGUMENT.value = eventArgument;
          theForm.submit();
      }
}
// –>
</script>

產生的script值為__doPostBack(’Button_OK’,'’)

 

------------------------------------------------------------------------------

 

重複提交的處理

xwork.xml 的配置：

這個攔截器可以保證一個令牌對應一個請求。確保後退按鈕和兩次提交不會產生不希望的效果。 例如你可以使用這個來防止粗心的使用者在線上商店點了兩下"結帳"按鈕。這個攔截器使用了非常簡單的機制來處理非法令牌：返回一個invliad.token的結果，這樣你就可以在action配置中做映射了。一個複雜一些的實現是TokenSessionStoreInterceptor, 可以在發現非法令牌時提供更好的處理邏輯。

注意: 為了設定表單的令牌，你必須使用token標籤。 這個標籤放在表單中，並且這個表單是提交到受這個攔截器保護的action:任何不提供令牌(使用token標籤產生的)的請求將被處理為非法請求

國際化注意事項：這個攔截器用下面的鍵作為錯誤資訊。

注意: 因為這個攔截器是擴充於MethodFilterInterceptor, 所以可以決定在action中的哪些方法上應用它。

<action name="someAction" class="com.examples.SomeAction">
    <interceptor-ref name="token"/>
    <interceptor-ref name="basicStack"/>
    <result name="success">good_result.ftl</result>
</action>

<-- 在這個例子中，action的myMethod方法不會做令牌檢查 -->
<action name="someAction" class="com.examples.SomeAction">
    <interceptor-ref name="token">
      <param name="excludeMethods">myMethod</param>
    </interceptor-ref name="token"/>
    <interceptor-ref name="basicStack"/>
    <result name="success">good_result.ftl</result>
</action>

表單的配置 ：

<ww:token />

防止多次提交表單.
使用token標籤能協助解決多次提交表單的問題.此標籤需要你啟用TokenInterceptor 或者TokenSessionInterceptor攔截器.
ww:token標籤只不過放置了一個隱藏的表單元素,它包含一個唯一的令牌.

例子：
<form name="demoForm" action="someAction.action" method="Post">
<ww:token />
</form>

----------------------------------------------------------------------------------------

 

 Web應用中避免Form重複提交的三種方案

 

前兩種是利用javascript,後面一種是在使用Struts的情況下的參考實現

  • 1 javascript ，設定一個變數，只允許提交一次。
    2. <script language="javascript">
    3.      var checkSubmitFlg = false;
    4.      function checkSubmit() {
    5.       if (checkSubmitFlg == true) {
    6.          return false;
    7.        }
    8.        checkSubmitFlg = true;
    9.       return true;
    10.     }
    11.     document.ondblclick = function docondblclick() {
    12.      window.event.returnValue = false;
    13.     }
    14.     document.onclick = function doconclick() {
    15.        if (checkSubmitFlg) {
    16.           window.event.returnValue = false;
    17.         }
    18.     }
    19. </script>

    <html:form action="myAction.do" method="post" onsubmit="return checkSubmit();">

  • 2 還是javascript，將提交按鈕或者image置為disable
    2.    <html:form action="myAction.do" method="post"  
    3.      onsubmit="getElById('submitInput').disabled = true; return true;">   
    4.    
    5.    <html:image styleId="submitInput" src="images/ok_b.gif" border="0" />
    6.    
    7.    </html:form>
  • 3 利用struts的同步令牌機制

    利用同步令牌（Token）機制來解決Web應用中重複提交的問題，Struts也給出了一個參考實現。

    •  基本原理：

    伺服器端在處理到達的請求之前，會將請求中包含的令牌值與儲存在目前使用者會話中的令牌值進行比較，
    看是否匹配。在處理完該請求後，且在回覆發送給用戶端之前，將會產生一個新的令牌，該令牌除傳給
    用戶端以外，也會將使用者會話中儲存的舊的令牌進行替換。這樣如果使用者回退到剛才的提交頁面並再次
    提交的話，用戶端傳過來的令牌就和伺服器端的令牌不一致，從而有效地防止了重複提交的發生。

    2. if (isTokenValid(request, true)) {
    3.     // your code here
    4.     return mapping.findForward("success");
    5. } else {
    6.      saveToken(request);
    7.     return mapping.findForward("submitagain");
    8. }

    Struts根據使用者會話ID和當前系統時間來產生一個唯一（對於每個會話）令牌的，具體實現可以參考
    TokenProcessor類中的generateToken()方法。

    1. //驗證事務控制令牌,<html:form >會自動根據session中標識產生一個隱含input代表令牌，防止兩次提交
    2. 在action中：

    2.        //<input type="hidden" name="org.apache.struts.taglib.html.TOKEN"
    3.        //   value="6aa35341f25184fd996c4c918255c3ae">
    4.        if (!isTokenValid(request))
    5.             errors.add(ActionErrors.GLOBAL_ERROR,
    6.                       new ActionError("error.transaction.token"));
    7.         resetToken(request); //刪除session中的令牌

    3. action有這樣的一個方法產生令牌

    2.    protected String generateToken(HttpServletRequest request) {
    4.         HttpSession session = request.getSession();
    5.        try {
    6.            byte id[] = session.getId().getBytes();
    7.            byte now[] =
    8.                new Long(System.currentTimeMillis()).toString().getBytes();
    9.            MessageDigest md = MessageDigest.getInstance("MD5");
    10.             md.update(id);
    11.             md.update(now);
    12.            return (toHex(md.digest()));
    13.         } catch (IllegalStateException e) {
    14.            return (null);
    15.         } catch (NoSuchAlgorithmException e) {
    16.            return (null);
    17.         }
    18.     }  

    本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

    聯繫我們

    該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    Get Started for Free

    • Sales Support

      1 on 1 presale consultation

      Chat Contact Sales

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

      Open a Ticket

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

      Learn More