Désactiver un bouton pour un champ de texte vide

Résolu
ShengTi - 18 mars 2013 à 23:35
 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.

2 réponses

sylvain64520 Messages postés 130 Date d'inscription lundi 11 janvier 2010 Statut Membre Dernière intervention 7 juin 2013
19 mars 2013 à 11:26
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();
    }
});
3
Merci à toi pour ton aide !
C'est bon j'ai réussi à faire fonctionner le tout ! merci encore !
0