Désactiver un bouton pour un champ de texte videRésolu

Question

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.

sylvain64520 · Accepted Answer

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();
    }
});

ShengTi · Answer

Merci à toi pour ton aide !
C'est bon j'ai réussi à faire fonctionner le tout ! merci encore !

Désactiver un bouton pour un champ de texte vide

2 réponses

Votre réponse

Discussions similaires