asp.net - 如何确认然后禁用 asp.net/javascript 中的按钮

Question

我有一个标准的 ASP.NET 2.0 网页，上面有一个删除按钮。我需要但无法弄清楚如何实现的是，当用户按下删除按钮时，会弹出一个确认对话框，询问用户“你确定吗？”。如果用户说是，那么我想禁用删除按钮并执行将运行服务器端代码 deleteButton_Click 的回发。

这是标签:

<asp:Button ID="deleteButton" Text="Delete" OnClick="deleteButton_Click" runat="server" />

这是处理客户端点击的 javascript(在 jquery 中):

var deleteButton = $(input.eq(0));
deleteButton.click( function()
{
    var a = confirm( "Are you sure you want to delete this item?" );
    if ( a == false )
    {
        return false;
    }
    else
    {
        deleteButton.attr( "disabled", "disabled" );
        __doPostBack( deleteButton.attr( "id" ), "" );
    }
} );

确认对话框按预期工作，禁用也正常。该表单可以很好地回发，但它不会运行 deleteButton_Click 事件处理程序。页面上确实存在 __doPostBack javascript 代码。

我可以将 UseSubmitBehavior="false"添加到 deleteButton 标记，但它会忽略确认对话框的回答。

所以也许我在这里对 ASP.NET 的要求太多了。任何想法如何使这项工作？

谢谢，

克雷格

Answer 1

btnSubmit.Attributes.Add("onclick", "if(confirm(\"Are you sure you want to delete this item?\" ){this.disabled=true;" + ClientScript.GetPostBackEventReference(btnSubmit, "").ToString() + "}else{return false;}");