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

时间:2014-01-31 13:51:36

标签: javascript jquery asp.net

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

我使用了这个jquery

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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>