Как использовать jQuery для отключения кнопки textarea + Submit?

Question

После того, как пользователь отправит комментарий, я хочу, чтобы кнопка textarea и Summit была «отключена» и несколько визуально отключена.

Как Youtube.

Как я могу сделать это с Jquery, используя самый простой плагин и / или метод?

Answer 1

Просто установите атрибут disabled для элементов ввода при нажатии кнопки:

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

Пример: http://jsfiddle.net/jonathon/JcXjG/

Answer 2

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

Answer 3

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

Это в основном говорит: когда документ «готов», прикрепите обработчик события к событию нажатия кнопки (HTML ID «idOfButton»), которое установит атрибут disabled текстовой области (HTML ID «idOfTextarea») и кнопка.

Answer 4

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

Answer 5

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

Answer 6

Итак, сначала обработайте событие, когда пользователь отправляет комментарий, а затем отключите текстовую область и кнопку отправки.(при условии, что ваша кнопка отправки может быть выбрана с помощью "input # submit-comment", а ваша textarea может быть выбрана с помощью "textarea". Часть addClass является необязательной, но может использоваться для того, чтобы вы по-разному стилизовали эти элементы, если они оказались отключены.

$("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;
}