javascript - 多次提交按钮点击问题？

Question

我有一个在提交按钮单击时将数据插入数据库的表单，但问题是当客户端多次单击该按钮时，它发送多个创建请求意味着同一数据的同一时间的多个按钮单击事件，这一定不是。

当客户端第一次单击“提交”按钮时，我尝试禁用该按钮，但此后它不会调用服务器单击事件处理程序，也不会在它被禁用后触发服务器单击事件。

如何处理这个多次点击问题..

我使用下面的代码来禁用按钮

 <script type="text/javascript">
     function checkAuth(obj)
     {
         if(Page_ClientValidate("ValidationGroupName"))
            obj.disabled=true;      
     }
 </script>

        <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
OnClick="btnSubmit_click" OnClientClick="checkAuth(this)" CssClass="FormButton" 
ValidationGroup="ValidationGroupName" />

Answer 1

不要禁用按钮，只是阻止第二次提交。

这个小脚本完成了这项工作，但它假设在某个时刻有一个回发。

var formhandler = function() {
   var submit, isSubmit = false;
   submit = function(){
                // flop and return false once by the use of operator order.
    return isSubmit != (isSubmit = true);
    };
    return {
       submit: submit
    };
}(); // <-- use direct invcation to keep the internal variables "static"

通过以下方式附加:

   document.forms[0].onsubmit = formhandler.submit;    

或

   OnClientClick = "formhandler.submit()";