asp.net 点击按钮提交后使按钮变灰不可用

要实现在 ASP.NET 中点击按钮提交后使按钮变灰不可用，可以使用 JavaScript 实现。具体的步骤如下：

步骤一：在 ASP.NET 网页中添加按钮和 JavaScript 函数

在 ASP.NET 网页中添加一个按钮，并给按钮添加一个 onclick 事件，如下所示：

<asp:Button ID="SubmitButton" runat="server" Text="提交" OnClientClick="disableButton()" />

该按钮的 ID 属性值为 SubmitButton，Text 属性值为 提交，OnClientClick 属性值为 disableButton()，即在用户单击该按钮时调用名为 disableButton 的 JavaScript 函数。

在该网页的底部添加下面的 JavaScript 代码：

<script>
function disableButton() {
    document.getElementById("SubmitButton").disabled = true;
    return true;
}
</script>

该代码中定义了 disableButton 函数，该函数在用户单击按钮时被调用。该函数通过文档对象模型（DOM）获取按钮元素，将按钮的 disabled 属性设置为 true，使按钮变灰不可用。

步骤二：在 ASP.NET 中处理提交请求

当用户单击按钮提交表单时，该请求会发送到服务器，服务器需要处理该请求并响应相应的结果。在 ASP.NET 中，可以使用一个名为 _Default 的默认 Web 表单处理该请求。

在该网页的头部添加下面的 C# 代码：

protected void Page_Load(object sender, EventArgs e)
{
    if (IsPostBack && Request.Form[SubmitButton.UniqueID] != null) {
        // 处理提交请求
        // ...
        // 响应结果
        // ...
    }
}

该代码中定义了 Page_Load 事件处理程序，该事件处理程序在每个页面加载时被调用。如果提交请求是来自该按钮，则进行处理，并响应相应的结果。其中 SubmitButton.UniqueID 属性用于获取提交按钮的唯一标识符，以确保处理正确的请求。

示例说明一：在 ASP.NET 中使用 UpdatePanel 控件

UpdatePanel 是一个 ASP.NET 服务器控件，它可以让页面部分刷新，而不必全部刷新。可以使用 UpdatePanel 实现在 ASP.NET 中点击按钮提交后使按钮变灰不可用的效果。

在 ASP.NET 网页中添加一个 UpdatePanel 控件，并将按钮放入 UpdatePanel 中，如下所示：

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Button ID="SubmitButton" runat="server" Text="提交" OnClick="SubmitButton_Click" OnClientClick="disableButton()" />
    </ContentTemplate>
</asp:UpdatePanel>

使用 UpdateMode 属性指定控件的更新模式为 Conditional，表示只在需要时才进行更新。

在 C# 代码中添加 SubmitButton_Click 事件处理方法，如下所示：

protected void SubmitButton_Click(object sender, EventArgs e)
{
    // 处理提交请求
    // ...
    // 响应结果
    // ...

    UpdatePanel1.Update();
}

该代码中使用 UpdatePanel1.Update() 方法触发 UpdatePanel 的更新。在处理完请求后，需要调用该方法使页面刷新，并重新加载 UpdatePanel 中的内容。

示例说明二：在 ASP.NET MVC 中使用 Ajax 请求

在 ASP.NET MVC 中，可以使用 Ajax 请求实现在点击按钮提交后使按钮变灰不可用的效果。

在 ASP.NET MVC 视图文件中添加一个按钮，并使用 Ajax 请求提交数据，如下所示：

<button type="button" id="submitButton">提交</button>

<script>
$(function() {
    $("#submitButton").click(function() {
        $.ajax({
            type: "POST",
            url: "@Url.Action("Submit", "Home")",
            data: $("#form").serialize(),
            beforeSend: function() {
                $("#submitButton").prop("disabled", true);
            },
            success: function(result) {
                // 处理结果
                // ...
            },
            error: function() {
                // 处理错误
                // ...
            },
            complete: function() {
                $("#submitButton").prop("disabled", false);
            }
        });
    });
});
</script>

该代码中，使用了 jQuery 库的 $.ajax() 方法向指定的 URL 发送 POST 请求，并在 beforeSend 和 complete 回调函数中分别设置按钮的 disabled 属性为 true 和 false，实现了在用户单击按钮提交时使按钮变灰不可用的效果。

在 ASP.NET MVC 控制器中添加一个 Submit 方法，并在该方法中处理提交请求，如下所示：

[HttpPost]
public ActionResult Submit(FormViewModel viewModel)
{
    // 处理提交请求
    // ...
    // 响应结果
    // ...
}

该方法使用了 HttpPost 属性，表示该方法只接受 POST 请求，并使用了 FormViewModel 类型的参数 viewModel，表示从表单中提交的数据，可以在方法中进行处理。