表单提交后如何禁用按钮？

Question

我正在使用 asp.net 网络表单；我想提交一个表单并保持禁用按钮，直到它保存到我的数据库中，就像 Stackoverflow 一样。有什么建议吗？

protected void Lb_Save_Click(object sender, EventArgs e)
{
   //disable my button
      //Do a DB insert 
   //enable my button
}

编辑：

我将首先进行客户端验证，因此我不希望我的按钮在那里被禁用，但我想在 onclick 功能启动后禁用它。希望大家明白我的意思。

我也想对 asp:linkbutton 做同样的事情，但我不知道 firefox 的行为如何。由于链接按钮将呈现为锚点，我该如何禁用它？

伙计们，你没有得到我的问题。

如何在回发期间禁用 asp:button？（不在 jQuery/Javascript 中）

Answer 1

请尝试以下代码。

jQuery('#mybuttonid').click(function(){ jQuery(this).attr('disabled',disabled'); });

Answer 2

使用 Web 表单（不是 mvc）执行此操作的唯一方法是隐藏原始按钮并将其替换为禁用按钮或其他禁用按钮的图片。如果你真的禁用了按钮，.net 的 JavaScript 将不会提交。

（是的，我知道你可以“破解” .net JavaScript，但真的，这样更好吗？）

一旦您知道自己需要做什么，执行此操作的 JavaScript 就很简单——如果您想查看一些我应该能够挖掘出来的代码——只需在 cmets 中询问即可。

注意：MVC 应该与其他答案中的代码一样简单，即在 ajax 调用之前禁用按钮。 SO 正在使用 MVC，因此他们不会遇到您遇到的问题。

Answer 3

怎么样？那是一种魔法。

现在，如果你不想要 javascript：

1. 在回发时，禁用该按钮。
2. 不做实际工作，但设置 Session 变量以指示需要什么工作。
3. 设置 HTML 元标记以强制立即刷新。
4. 返回 - 浏览器将立即刷新页面。
5. 当您现在收到请求时，您会检查 Session var，然后开始工作。

可能还有其他方法，但坦率地说，它们都很奇怪，你为什么不想要 JavaScript？

Answer 4

好的，这里有一些代码可以让您知道该怎么做。您将需要 DISABLED 类，它将设置按钮的适当 CSS 样式或其他任何显示为禁用的样式...

客户端 JAVA 脚本

function doRequest(MY_DATA_THAT_I_WANT_TO_SEND)
{
    $.ajax({
       type: "GET",
       url: "saving_page.aspx?data="+MY_DATA_THAT_I_WANT_TO_SEND,
       timeout: 10000,
       beforeSend: function()
       {    
           $("#button").toggleClass("DISSABLED");
       },
       complete: function(XMLHttpRequest, textStatus)
       {
           //Or you can remove success handler and let complete hander enables
           //the button, so it gets enabled if there was an error or there was success
           //$("#button").toggleClass("DISSABLED");         
       },                             
       success: function(data)
       {                                            

           if(data == "OK") $("#button").toggleClass("DISSABLED");                       
       }

     });        
};

服务器端 CS

protected void Page_Load(object sender, EventArgs e)
{
    string data = Request.Params.Get("data");
    saveDataToDataBase(data);

    //Sleep some more...
    Thread.Sleep(3000);

    //Send ok
    Response.Write("OK");
    Response.End();
}

Answer 5

它在submit() 上禁用它，它再也不会启用它，因为你被重定向了。但是，如果您想进行某种验证，您只需这样做

$("#yourForm").submit(function(e) {
    $("#yourButton").attr('disabled','disabled');
    if (whateverValidation) {
        e.preventDefault();
        $("#yourButton").removeAttr('disabled');
    } 
});

Answer 6

简答：Javascript。

更长的答案：

$('#formid').submit(function () {
     $('#buttonid').hide();
 $('#disabledbuttonimageid').show();
});