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

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

Как Youtube.

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

Ответ 1

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

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

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

Ответ 2

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

В основном это говорит: "Когда документ" готов ", присоедините обработчик события к кнопке (HTML ID" idOfButton ") щелкните событие, которое установит атрибут disabled в textarea (HTML ID" idOfTextarea ") и кнопку.

Ответ 3

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

Ответ 4

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

Ответ 5

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

Ответ 6

Итак, сначала обработайте событие, в котором пользователь отправляет комментарий, а затем отключите кнопку textarea и submit. (при условии, что ваша кнопка отправки может быть выбрана с помощью "input # submit-comment", и ваше текстовое поле может быть выбрано с помощью "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;
}