Partager
Affiche les résultats de 1 à 4 sur 4

Sujet : Javascript : Activation et desactivation d'un bouton

  1. #1
    Inscrit
    décembre 2012
    Messages
    658
    Remerciements
    401
    Remercié(e) 223 fois dans 114 messages
    Pouvoir de réputation
    7

    Javascript : Activation et desactivation d'un bouton

    Bonsoir,

    J'ai deux inputs (pseudo et email) et un bouton (Ok). Par défaut mon bouton est désactivé (grisé).

    Ma procédure javascript fonctionne ainsi : dés que je saisie quelque chose sur un des inputs mon bouton (Ok) se dégrise (activé) et si les deux sont vides alors il se désactive. En réalité la condition que j'ai voulu mettre sur le programme si un des inputs n'est pas vide mon bouton s'active, il se désactive dans un seul cas si les deux sont vides.

    Mais ici j'ai un pb sur cette procédure c'est que une opération peut annuler une autre! je m'explique : par exemple si j'écris sur le input ''pseudo" j'ai automatiquement le bouton qui devient actif (jusqu'à mnt c'est normal) mais si j'écris sur le input email et j'efface son contenu le bouton devient désactivé alors que le input (pseudo) n'est pas vide.

    Code HTML:
    <html>
    <head>
    <title>Test</title>
    </head>
    <script>
    function verification(abc)
    {
    var val = document.getElementById(abc).value;
    if(val!=''){
    document.getElementById("button").disabled=false;
    return false;
    }
    else {document.getElementById("button").disabled=true;}
    }
    </script>
    <body>
      <fieldset>
      <label>Pseudo : </label><input type="text" id="pseudo" onkeyup="verification('pseudo');" ><br/>
      <label>Email : </label><input type="text" id="email" onkeyup="verification('email');" ><br/>
      <input  type="submit" value="Ok" id="button" disabled> 
      </fieldset>
    </body>
    </html> 
    Je ne sais pas si c'est ma question est claire ou non!! j'espère que oui.

    Merci de me porter votre aide

  2. # ADS
    Inscrit
    Toujours
    Messages
    Plusieurs






     
  3. #2
    Inscrit
    juin 2011
    Messages
    345
    Remerciements
    1
    Remercié(e) 251 fois dans 150 messages
    Pouvoir de réputation
    9

    Re : Javascript : Activation et desactivation d'un bouton

    Solution :

    Code HTML:
    <html>
    <head>
    <title>Test</title>
    </head>
    <script>
    function checkForm()
    {
    var pseudo = document.getElementById(pseudo).value;
    var email = document.getElementById(email).value;
    
    if(pseudo == '' && email == ''){
       document.getElementById("button").disabled=true;
    }
    else {
       document.getElementById("button").disabled=false;
    }
    }
    </script>
    <body>
      <fieldset>
      <label>Pseudo : </label><input type="text" id="pseudo" onkeyup="checkForm();" ><br/>
      <label>Email : </label><input type="text" id="email" onkeyup="checkForm();" ><br/>
      <input  type="submit" value="Ok" id="button" disabled> 
      </fieldset>
    </body>
    </html>
    Dernière édition par blueicefield; 17/02/2013 à 23h07
    Site personnel : www.blueicefield.com

  4. Les membres suivants ont remercié blueicefield pour cet excellent message :


  5. #3
    Inscrit
    décembre 2012
    Messages
    658
    Remerciements
    401
    Remercié(e) 223 fois dans 114 messages
    Pouvoir de réputation
    7

    Re : Javascript : Activation et desactivation d'un bouton

    Bonjour,

    Ce que j'ai voulu faire au début c'est de vérifier tous les inputs de ma page sans donner la précision dans la déclaration javascript (var pseudo et var email...) que ça soit une déclaration générale comme c'est pour ça j'ai mis (var val = document.getElementById(abc).value; ) mais je pense que je n'avais pas un raisonnement logique

    Je viens de tester la procédure avec les crochets sur les ""Id"" des inputs
    Code HTML:
    var pseudo = document.getElementById('pseudo').value;
    var email = document.getElementById('email').value;
    Ça marche Merci pour ton aide blueicefield

    Have a nice day
    Dernière édition par sabrina206; 18/02/2013 à 09h35

  6. #4
    Inscrit
    juin 2011
    Messages
    345
    Remerciements
    1
    Remercié(e) 251 fois dans 150 messages
    Pouvoir de réputation
    9

    Re : Javascript : Activation et desactivation d'un bouton

    Effectivement, j'ai oublié les simples quotes... d'où l’intérêt de la coloration syntaxique dans un IDE.
    Site personnel : www.blueicefield.com

  7. Les membres suivants ont remercié blueicefield pour cet excellent message :


Sujets similaires

  1. Réponses: 1
    Dernier message: 12/07/2012, 13h51
  2. Code d'activation play the net
    Par spartan3 dans le forum Discussions Libres
    Réponses: 1
    Dernier message: 11/02/2012, 14h01
  3. Bouton Panique USB
    Par Maverick dans le forum Accessoires pour Geeks
    Réponses: 0
    Dernier message: 28/09/2010, 21h17

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas modifier vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé



Liens annexes