Comment utiliser jQuery pour désactiver un bouton textarea + Submit?

Après qu'un utilisateur soumet un commentaire, je veux le textarea et le sommet le bouton "désactivé" et un peu déficients visuels.

Comme Youtube.

Comment puis-je le faire avec Jquery en utilisant le plus simple plugin et/ou de méthode?

source d'informationauteur TIMEX

  1. 29

    Il suffit de régler la disabled attribut sur vos éléments d'entrée lorsque le bouton est cliqué:

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

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

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

    Cela dit en gros: Lorsque le document est "prêt", associer un gestionnaire d'événement du bouton (HTML ID "idOfButton"), cliquez sur l'événement qui va définir le disabled attribut de la zone de texte (HTML ID "idOfTextarea") et le bouton.

  3. 2
     $('form').submit(function(){
        return false;
    });
  4. 1
        jQuery(document).ready(function() {
    $('form').submit(function(){
        $('input[type=submit]', this).attr('disabled', 'disabled');
    });
   });
  5. 1
    $('#btn').cliquez sur(function(){ 
$(this, '#textarea').attr('disabled', 'disabled'); 
})
  6. 0

    Donc d'abord gérer l'événement, où l'utilisateur soumet le commentaire, puis désactivez la zone de texte et le bouton de validation. (en supposant que votre bouton soumettre peut être sélectionné avec "entrée n ° de soumettre un commentaire" et votre textarea peut être sélectionné avec "textarea". Le addClass partie est facultative mais peut être utilisé pour vous le style de ces éléments différemment si elles se trouvent être désactivé.

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