Simulieren Sie die Deaktivierung der Schaltfläche auf der ASP.NET-Seite

Question

Auf einer ASPX.Page habe ich eine Schaltfläche, die ein Postback ausführt. Der Benutzer muss daran gehindert werden, mehrmals darauf zu klicken. Ich möchte dies mit jQuery tun, aber

jQuery(document).ready(function() { 

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

    }); 

funktioniert nicht für mich, weil die Schaltfläche nicht postback. Gibt es einen einfachen Weg, um einen zweiten Klick zu verhindern, während die Funktionalität des Knopfes beibehalten wird?

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

Oder Sie die gesamte Benutzeroberfläche mit jQuery blockieren könnte. benötigen Sie daher this plugin.

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

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

Answer 2

Sie können Button in DIV platzieren und mit JavaScript können Sie div verstecken.

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

HOpe es wird Ihr Problem lösen.

Answer 3

Ich würde vorschlagen, die Schaltfläche beim Klicken zu verbergen. Durch das Deaktivieren wird das serverseitige Ereignis nicht ausgelöst. Verstecken Sie einfach die Schaltfläche, wenn Sie darauf klicken. Nach dem Postback wird es sich wie erwartet zeigen. How to disable button on postback würde Ihr Problem lösen.