jQueryを使用してテキストエリア+送信ボタンを無効にするにはどうすればよいですか？

Question

ユーザーがコメントを送信した後、テキストエリアとサミットボタンを「無効」にして、視覚的に無効にします。

ようなYoutube。

最も単純なプラグインやメソッドを使用してJqueryでどうすればいいですか？

Answer 1

テキストエリアと送信ボタンを無効にします。 （submitボタンは "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; 
} 

Answer 2

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

これは基本的に言う：文書が「準備完了」である場合には、ボタンの（HTML ID「idOfButton」）にイベントハンドラをアタッチテキストエリアのdisabled属性（HTML ID「idOfTextarea」に設定するイベントをクリックしてください）とボタンをクリックします。

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

例：http://jsfiddle.net/jonathon/JcXjG/

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

だから、最初のユーザーがコメントを提出するイベントを処理するボタンをクリックすると、単にあなたの入力要素にdisabled属性を設定

Answer 6

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