jQuery désactiver/activer le bouton "soumettre"

Question

J'ai ce code html:

<input type="text" name="textField" />
 <input type="submit" value="send" />

Comment puis-je faire quelque chose comme ceci:

• Lorsque le champ de texte est vide, la soumission doit être désactivé (disabled="disabled").
• Quand quelque chose est tapé dans le champ de texte pour supprimer les personnes handicapées de l'attribut.
• Si le champ de texte est vide à nouveau(le texte est supprimé), le bouton soumettre doit être désactivé de nouveau.

J'ai essayé quelque chose comme ceci:

$(document).ready(function(){
     $('input[type="submit"]').attr('disabled','disabled');
     $('input[type="text"]').change(function(){
            if($(this).val != ''){
               $('input[type="submit"]').removeAttr('disabled');
            }
     });
 });

..mais il ne fonctionne pas. Des idées? Merci.

Answer 1

Le problème est que l’événement change est déclenché uniquement lorsque le focus est déplacé loin de l’entrée. Essayez plutôt d’utiliser keyup :

Answer 2

$(function() {
  $(":text").keypress(check_submit).each(function() {
    check_submit();
  });
});

function check_submit() {
  if ($(this).val().length == 0) {
    $(":submit").attr("disabled", true);
  } else {
    $(":submit").removeAttr("disabled");
  }
}

Answer 3

ou pour nous qui n’aiment pas utiliser jQ pour chaque petite chose :

Answer 4

Eric, votre code ne semble pas fonctionner pour moi lorsque l’utilisateur saisit du texte puis supprime tout le texte. J’ai créé une autre version si quelqu'un a eu le même problème. ici ya go les gens :

Answer 5

vous pouvez également utiliser quelque chose comme ceci :

Voici exemple Live