不能结合禁用按钮和隐藏代码功能（JavaScript +隐藏代码）

Question

单击“ Insert按钮时，它会执行应做的任何事情。 但是我不希望用户能够多次单击按钮，因此我想在按下按钮后将其禁用。

<asp:Button ID="Insert" runat="server" Text="Send" OnClick="Insert_OnClick" 
  OnClientClick="this.disabled=true; showLoading(this);" />

当组合Insert_OnClick和“ disable ”，功能Insert_OnClick不会运行，因为它在某种程度上第一，因此禁用按钮的代码隐藏功能不会运行这个原因。

我也尝试禁用showLoading js函数中的按钮本身，同样的行为。

有什么想法如何使禁用按钮的代码隐藏功能运行？

Answer 1

您需要在后面的代码中将其禁用。 即使您在单击后确实禁用了它，使用javascript所做的更改在PostBack之后仍将被撤消。

protected void Button1_Click(object sender, EventArgs e)
{
    Insert.Enabled = false;
}

还是在OnClientClick上设置超时？ 也许会起作用。

OnClientClick="setTimeout(function () { this.disabled=true; }, 10);"

Answer 2

如果可能，我将更改Submit行为。

这种方法的问题在于，前端代码发生在后端提交之前，并且如果您在后端提交之前禁用了按钮，则它将无法调用后端功能。

相反，我将使用其他方法，例如使用webMethod或提交整个表单。

使用web方法，您可以在后端完成处理时在前端播放一些内容

在整个提交过程中，您将不得不使用page_load事件