Comment désactiver et activer les boutons de soumission avec jQuery en fonction de la valeur du champ de texte ?

Désactivation et activation des boutons de soumission avec jQuery

Afin de contrôler l'état activé/désactivé d'un bouton de soumission en fonction de la valeur d'un champ de texte, le jQuery suivant le code peut être implémenté :

$(document).ready(function() {</p>
<pre class="brush:php;toolbar:false"> $(':input[type="submit"]').prop('disabled', true);
 $('input[type="text"]').keyup(function() {
    if($(this).val() != '') {
       $(':input[type="submit"]').prop('disabled', false);
    }
    else {
       $(':input[type="submit"]').prop('disabled', true);
    }
 });

});

Ce code accomplit les tâches suivantes :

• Désactive initialement le bouton d'envoi.
• Écoute les événements keyup dans le champ de texte.
• Lorsqu'une clé est relâchée dans le champ de texte, vérifie si sa valeur n'est pas vide.
• Si le champ de texte n'est pas vide, active le bouton de soumission.
• Si le champ de texte est vide, désactive le bouton de soumission.

Par conséquent, le bouton Soumettre reste désactivé jusqu'à ce que le champ de texte contienne une valeur. Une fois qu'une valeur est saisie, le bouton de soumission devient activé, permettant au formulaire d'être soumis. Si la valeur dans le champ de texte est supprimée par la suite, le bouton de soumission sera à nouveau désactivé, empêchant la soumission du formulaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!