双击LinkButton导致重定向至当前页面的问题排查与解决

我负责维护一个ASP.NET WebForms应用（对该技术并不熟悉），某页面会根据访问方式展示不同内容（包含多个可编辑网格）。问题在于，当按钮操作的页面反馈延迟时，用户有时会重复点击同一按钮。每次点击按钮，应用都会进入Page_Load方法并执行以下代码：

if (!IsPostBack)
{
   ViewState["ViewForRefresh"] = System.Guid.NewGuid().ToString();
   Session["SessionForRefresh"] = ViewState["ViewForRefresh"].ToString();
}
else
{
   if (ViewState["ViewForRefresh"].ToString() != Session["SessionForRefresh"].ToString())
   {
      Page.Response.Redirect(currentPage, false);
   }
   Session["SessionForRefresh"] = System.Guid.NewGuid().ToString();
   ViewState["ViewForRefresh"] = Session["SessionForRefresh"].ToString();
}

单次点击时，ViewState["ViewForRefresh"]与Session["SessionForRefresh"]值相等，但双击（或连续两次点击）时二者不相等，推测是第二次点击触发了旧数据的请求，导致应用执行重定向操作。我希望能阻止该重定向行为。

目前我尝试过点击后禁用按钮以防止重复点击：

var addFunciarBtn = (LinkButton)GridFunciarAreas.FooterRow.FindControl("addFunciarRow");
var addConstructionsBtn = (LinkButton)GridConstructions.FooterRow.FindControl("addConstructionsRow");
addFunciarBtn.Enabled = false;
addConstructionsBtn.Enabled = false;

但该方法无效，仍可双击按钮。我还尝试为按钮添加onClick="return false"属性阻止页面刷新，以及在aspx标记中设置CausesValidation="False"，均未达到预期效果。

请问我哪里理解有误或操作不当？该如何解决此问题？

先说说你之前操作的问题 #

1. 服务器端禁用按钮无效的原因：WebForms是回发机制，你在服务器端设置Enabled=false是在回发请求处理完成后才生效的。用户双击时，第二次点击的请求已经在第一次请求处理完成前发送到服务器了，所以根本拦不住。
2. onClick="return false"的问题：这个会直接取消按钮的回发行为，导致服务器端的点击事件根本不会执行，完全偏离了你的需求。
3. CausesValidation="False"的作用：只是关闭按钮的表单验证逻辑，和阻止重复点击没有任何关系。

正确的解决方法 #

1. 前端拦截（优先推荐，从源头阻止重复点击）

因为LinkButton最终会渲染成<a>标签，需要用客户端脚本在第一次点击后立即禁用按钮，阻止后续点击：

• 直接给LinkButton添加OnClientClick属性：

<asp:LinkButton 
    ID="addFunciarRow" 
    runat="server" 
    OnClientClick="this.style.pointerEvents='none'; this.innerHTML='处理中...'; return true;"
    OnClick="addFunciarRow_Click"
    Text="添加"
/>

解释：OnClientClick是回发前执行的客户端脚本，设置pointerEvents='none'会让按钮无法被点击，同时修改提示文本，最后return true保证正常触发回发。

• 如果页面引入了jQuery，可以统一处理所有提交按钮：

$(document).ready(function() {
    // 匹配所有触发回发的按钮（包括LinkButton和Button）
    $('input[type="submit"], a[href*="__doPostBack"]').click(function() {
        $(this).css('pointerEvents', 'none');
        $(this).text('处理中...');
        return true;
    });
});

2. 后端逻辑调整（配合前端，或前端无法实现时的补充）

你当前的Page_Load防重复逻辑有问题：每次回发都会更新Session的值，导致第二次点击用旧ViewState请求时，必然触发重定向。可以调整逻辑：

• 取消重定向，改为提示用户：

if (!IsPostBack)
{
   ViewState["ViewForRefresh"] = System.Guid.NewGuid().ToString();
   Session["SessionForRefresh"] = ViewState["ViewForRefresh"].ToString();
}
else
{
   if (ViewState["ViewForRefresh"].ToString() != Session["SessionForRefresh"].ToString())
   {
      // 替换重定向为客户端提示
      ClientScript.RegisterStartupScript(this.GetType(), "重复提交提示", "alert('操作正在处理，请不要重复点击');", true);
      return; // 终止后续业务逻辑执行
   }
   // 只在验证通过后更新标记
   Session["SessionForRefresh"] = System.Guid.NewGuid().ToString();
   ViewState["ViewForRefresh"] = Session["SessionForRefresh"].ToString();
}

• 更可靠的防重复逻辑：把标记更新移到按钮点击事件完成后，而不是Page_Load里每次回发都更新：

// Page_Load只初始化标记
protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        ViewState["ViewForRefresh"] = System.Guid.NewGuid().ToString();
        Session["SessionForRefresh"] = ViewState["ViewForRefresh"].ToString();
    }
}

// 按钮点击事件
protected void addFunciarRow_Click(object sender, EventArgs e)
{
    // 先检查是否重复提交
    if (ViewState["ViewForRefresh"].ToString() != Session["SessionForRefresh"].ToString())
    {
        ClientScript.RegisterStartupScript(this.GetType(), "提示", "alert('操作已提交，请等待');", true);
        return;
    }

    // 执行你的业务逻辑（比如添加行到网格）
    // ...

    // 业务逻辑执行完成后，再更新标记
    Session["SessionForRefresh"] = System.Guid.NewGuid().ToString();
    ViewState["ViewForRefresh"] = Session["SessionForRefresh"].ToString();
}

内容的提问来源于stack exchange，提问作者JustT4ser