模拟ASP.NET页面上的按钮禁用

Question

在ASPX.Page上，我有一个执行回发的按钮。必须防止用户多次单击它。我想用jQuery做这个但是

jQuery(document).ready(function() {

        $('#<%= saveButton.ClientID  %>').click(function() { $(this).attr('disabled', 'true'); });

    });

对我不起作用，因为该按钮不回发。是否有一种简单的方法可以在保持按钮功能的同时防止第二次点击？

Answer 1

$('form').submit(function(){
    // On submit disable its submit button
    $('input[type=submit]', this).attr('disabled', 'disabled');
});

http://jquery-howto.blogspot.com/2009/05/disable-submit-button-on-form-submit.html

或者您可以使用jQuery阻止整个用户界面。 因此你需要this plugin。

// To lock user interface
$.blockUI();

// To unlock user interface
$.unblockUI();

Answer 2

您可以在DIV中放置按钮并使用JavaScript隐藏div。

document.getElementById('div1').style.display = "none";

它会解决你的问题。

Answer 3

我建议在点击时隐藏按钮。禁用它不会触发服务器端事件。只需在单击按钮时隐藏按钮即可。回发后，它将按预期显示自己。 How to disable button on postback可以解决您的问题。