¿Cómo uso jQuery para deshabilitar un área de texto + botón Enviar?

Question

Después de que un usuario envíe un comentario, quiero que el área de texto y el botón de la cumbre estén "deshabilitados" y algo deshabilitados visualmente.

Me gusta Youtube.

¿Cómo puedo hacer eso con Jquery usando el plugin y/o método más simple?

Answer 1

Basta con establecer el atributo disabled en sus elementos de entrada cuando se hace clic en el botón:

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

Ejemplo: http://jsfiddle.net/jonathon/JcXjG/

Answer 2

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

Esto básicamente dice: Cuando el documento está "listo", adjuntar un controlador de eventos del botón (HTML ID "idOfButton") haga clic en evento que se establezca el atributo disabled del área de texto (HTML ID "idOfTextarea") y el botón.

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

Así que primero controlar el evento en el que el usuario envía el comentario y luego deshabilita el área de texto y el botón enviar. (suponiendo que su botón de envío se puede seleccionar con "input # submit-comment" y su área de texto se puede seleccionar con "textarea". La parte addClass es opcional, pero se puede usar para darle un estilo diferente a esos elementos si resultan deshabilitados.

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