单击时禁用 asp.net 按钮并显示加载图像答案

【问题标题】：Disabling asp.net button on click and show loading image单击时禁用 asp.net 按钮并显示加载图像
【发布时间】：2014-01-31 22:43:27
【问题描述】：

我正在处理一个 asp.net 页面。页面作为使用 response.redirect 将用户重定向到另一个页面的按钮。我想禁用按钮并显示加载图标。

我用过这个jquery

$('.rbutton').on('click', function () {
$(this).prop("disabled", true);

它会禁用按钮，但不会触发服务器端代码。

按钮没有被 ajax 更新面板包围。我不想使用 ajax 工具包。

如何在点击搜索按钮时显示加载图像，然后禁用该按钮，直到用户被重定向到新页面？

【问题讨论】：

正如 mike 所说，通过在单击时隐藏按钮并在按钮旁边或按钮本身上方显示加载图像来采用他的方法很好。但最初将此加载图像隐藏
@dreamweiver 哦，是的...我忘记了在页面加载时隐藏禁用按钮的代码部分。谢谢！

标签： javascript jquery asp.net

【解决方案1】：

ASP.Net 不会为禁用的按钮执行服务器代码。过去，我只是简单地隐藏了该按钮并用另一个禁用的按钮替换它......对我来说效果很好。

<asp:Button ID="_pay" OnClick="SomeGreatCode" Text="Pay Up!" runat="server" />
<asp:Button ID="_process" Enabled="false" Text="Processing..." runat="server" />


<script>
$(document).ready(function () {
    $("#<%= _process.ClientID %>").hide();
    $('#<%= _pay.ClientID %>').on('click', function () {
        if (Page_IsValid) {
            $(this).hide();
            $("#<%= _process.ClientID %>").show();
        }
    });
});
</script>

【讨论】：