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

- - Dernière réponse :  ShengTi - 19 mars 2013 à 21:11
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.
Afficher la suite 

2 réponses

Meilleure réponse
Messages postés
130
Date d'inscription
lundi 11 janvier 2010
Statut
Membre
Dernière intervention
7 juin 2013
3
Merci
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();
    }
});

Dire « Merci » 3

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources 216 internautes nous ont dit merci ce mois-ci

Commenter la réponse de sylvain64520
0
Merci
Merci à toi pour ton aide !
C'est bon j'ai réussi à faire fonctionner le tout ! merci encore !
Commenter la réponse de ShengTi