Jak używać jQuery do wyłączania przycisku textarea + Submit?

Question

Po przesłaniu komentarza przez użytkownika chcę, aby tekst i przycisk na szczycie były "wyłączone" i nieco wizualnie wyłączone.

Podobny do Youtube.

Jak to zrobić z Jquery za pomocą najprostszej wtyczki i/lub metody?

Answer 1

Wystarczy ustawić atrybut disabled na swoich elementów wejściowych po kliknięciu przycisku:

$("#mybutton").click(function(){ 
    $("#mytext,#mybutton").attr("disabled","disabled"); 
}); 

Przykład: http://jsfiddle.net/jonathon/JcXjG/

Answer 2

$(document).ready(function() { 
    $('#idOfbutton').click(function() { 
     $('#idOfTextarea').attr("disabled", "disabled"); 
     $('#idOfbutton').attr("disabled", "disabled"); 
    }); 
}); 

To w zasadzie mówi: Kiedy dokument jest „gotowy”, należy dołączyć obsługi zdarzeń do przycisku użytkownika (HTML ID „idOfButton”) Kliknij wydarzenie, które będzie ustawiony atrybut textarea (HTML id „idOfTextarea” disabled) i przycisk.

Answer 3

jQuery(document).ready(function() { 
    $('form').submit(function(){ 
     $('input[type=submit]', this).attr('disabled', 'disabled'); 
    }); 
    }); 

Answer 4

 
$('#btn').click(function(){ 
    $(this, '#textarea').attr('disabled', 'disabled'); 
}) 

Answer 5

Więc najpierw obsłużyć zdarzenia, gdzie użytkownik przesyła komentarz a następnie wyłącz przycisk textarea i submit. (zakładając, że przycisk "wyślij" można wybrać za pomocą "input # submit-comment", a twoje pole tekstowe można wybrać za pomocą "textarea".) Część addClass jest opcjonalna, ale może być użyta do tego, aby stylować te elementy inaczej, jeśli są one wyłączone.

$("input#submit-comment").click(function(){ 
    $("textarea").attr("disabled", "disabled").addClass("disabled"); 
    $(this).attr("disabled", "disabled").addClass("disabled"); 
    // ... Actually submit comment here, assuming you're using ajax 
    return false; 
} 

Answer 6

$('form').submit(function(){ 
     return false; 
    });