多个提交按钮点击问题？

Question

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

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

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

我使用以下代码禁用按钮

 <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()";

Answer 2

在 <input type="hidden"> 字段中包含唯一 ID。然后在服务器上检查请求是否已被处理。

作为 ID，您可以生成 GUID。然后你只需要一些结构来收集当前有效的 ID。例如字典。然后你可以不时从结构中清除旧 ID，当然在使用时将其删除。

Answer 3

您所要做的就是拥有一些禁用按钮的客户端javascript。类似于：

document.myform.mybutton.disabled  = true;

如果你将它包装在一个函数中，并设置你的按钮的onClientClick 属性来触发它。一旦点击它就会被禁用 - 但仍会向服务器生成请求。

事件没有按照您上面建议的方式触发的原因可能是因为您禁用了服务器端（不是这里的客户端）