ASP.NET 防止双击

Question

我之前看过这个，并在我测试它时发现适用于我的 javascript 与 Google Chrome、Firefox 和 IE，但它似乎随机（或特定于浏览器）它不起作用。我需要一个可行的解决方案。

这是我目前使用的 jQuery：

$(document).ready(function () {
    $("a.Once").one("click", function () {
        $(this).click(function () { return false; });
    });
});

我将“Once”类添加到我想确保不会被多次点击的按钮中。同样，它对我来说总是正常工作，但对于某些用户来说，它根本没有做任何事情。是否有更好的替代解决方案始终有效？

更新：这些是 ASP.NET 链接按钮。

6/18 更新： 我从两个一直遇到此问题的用户那里获得了更多信息。

有人说他点击了一次按钮，屏幕闪烁，所以他离开页面并返回页面并再次点击按钮，导致它自动发布两次。

另一个声称他点击了一个不同的按钮，导致该按钮自动回发两次。我查看了代码，那个按钮没有问题。

我唯一能想到的是缓存问题，或者可能在页面完成加载之前点击了按钮。我无法重现该问题，其中一个问题与我使用的浏览器完全相同。

Answer 1

我用 JQuery 尝试了很多选项，但这就​​是我在用 c# 编写简单代码后解决的方法：

.aspx 页面：

现在您将其添加到 Page_Load 后面的代码中：

       protected void Page_Load(object sender, EventArgs e)
       {

         ClientScriptManager cs = Page.ClientScript;

         ButtonID.Attributes.Add("onClick", "this.disabled=true;" +    cs.GetPostBackEventReference(ButtonID, "").ToString());

       }

最后一件事：

      protected void ButtonID_Click(object sender, EventArgs e)  
      {
            System.Threading.Thread.Sleep(5000);
            //rest of your code

      }

希望这会有所帮助！

帖子更新：

使用 JavaScript，您可以在第二次发生按钮单击的客户端事件时停止表单提交

    <script type="text/javascript">

      var isSubmitted = false;

      function preventMultipleSubmissions() {

      if (!isSubmitted) {

         $('#<%=btnSubmit.ClientID %>').val('Submitting.. Plz Wait..');

        isSubmitted = true;

        return true;

      }

      else {

        return false;

      }

    }

    </script>
    <asp:LinkButton ID="btnSubmit" runat="server" Text="Submit" OnClientClick="return preventMultipleSubmissions();"  OnClick="btnSubmit_Click"  />

或者您可以在 Postback 的后端进行：

btnSubmit.Attributes.Add("onclick", " this.disabled = true; " + ClientScript.GetPostBackEventReference(btnSubmit, null) + ";");

Answer 2

您可以隐藏现有链接并在之后放置一些文本，以提醒用户该页面正在加载。

<asp:LinkButton CssClass="Once" runat="server">Button</asp:LinkButton>

<script type="text/javascript">

    $(document).ready(function ()
    {
        $("a.Once").one("click", function (event)
        {
            $(this).hide().after("Please wait while we load your page...");
        });
    });

</script>

另外，考虑添加代码服务器端。你永远不能指望 JavaScript 被启用。

编辑：回答 2.0

Answer 3

如果这是用于表单发布，那么您可以禁用提交时的所有提交按钮：

$('#someForm').submit(function(){ $('input[type=submit]', this).attr('disabled', 'disabled'); });

或者他们是否允许点击多次，但仅在经过一段时间后才能点击？

在某些情况下 one() 失败 - 请参阅 cmets on http://api.jquery.com/one/ 知道您的用户是否存在浏览器兼容性问题或 jQuery 未加载？

编辑： 刚刚发现这是一个链接按钮。在这种情况下尝试

$('#yourClientIdForYourLinkButton').click(function(e) { e.preventDefault(); });

或直接使用 clientid 之类的

$('#<%=linkButton.ClientId%>').click(function(e) { e.preventDefault(); });

Answer 4

这真的取决于你在这里的愿望。一种选择是在单击后禁用锚标记。这应该适用于所有浏览器。

我看到使用的另一个选项是隐藏有问题的项目，ala http://www.ilovecolors.com.ar/avoid-double-click-jquery/，但这对于您正在尝试的内容可能有点过头了。