Désactiver un bouton pour un champ de texte vide [Résolu]

Signaler
-
 ShengTi -
Bonjour à tous, je suis encore un débutant en javascript et j'ai un petit problème. J'essaie de construire un chat. Aucun problème sur le fonctionnement en lui-même, seulement a un niveau. J'aimerais pour des raisons d'ergonomie désactiver le boutton "envoyer" lorsque le champs de texte est vide. J'ai essayer différente méthode sans aucuns résultats. Tout ceci pour remplacer un beau :
var message = $('#phrase').val();
var psudo = $('#pseudo').val();
var cache = $('#test').val();
if (message '' || psudo'') {
    alert('Veuillez à préciser un message et un pseudonyme s\'il vous plait !');
}else {
// envoyé le message
};


Ce code se trouver dans la fonction du click sur le bouton envoyer.

J'ai peur de ne pas avoir été assez clair...
Merci d'avance si quelqu'un peut m'aiguiller sur la piste où aller.

Cordialement,
Chris.

2 réponses

Messages postés
130
Date d'inscription
lundi 11 janvier 2010
Statut
Membre
Dernière intervention
7 juin 2013

Bonjour,

Il existe une fonction évènement avec JQuery qui détecte la modification d'un champ.

De mémoire ça donne ceci :
$("#ton_texte").change(function(){
    if($("#ton_texte").val()==""){
        $("#ton_bouton").css("disabled","disabled"); // ou hide();
    }else{
        $("#ton_bouton").css("disabled","enaled"); // ou show();
    }
});
Merci à toi pour ton aide !
C'est bon j'ai réussi à faire fonctionner le tout ! merci encore !