IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Valider mot de passe avec la touche "entrée" du clavier


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Inscrit en
    Octobre 2008
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 3
    Points : 2
    Points
    2
    Par défaut Valider mot de passe avec la touche "entrée" du clavier
    Bonjour à tous,

    Je m'occupe d'un site qui comporte un espace privé. Pour y rentrer un faut rentrer un mot de passe dans un formulaire et le valider.

    Actuellement, on ne peut valider ce mot de passe qu'en cliquant avec la souris sur le bouton "valider".

    Or, je souhaite qu'on puisse aussi valider le mot de passe en appuyant sur la touche "entrée" du clavier. J'ai passé pas mal de temps à chercher une solution et j'avoue que je n'en ai pas trouvé.

    Quelqu'un peut-il m'aider? Merci d'avance!

    Voici le code du javascript.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
                        <form onSubmit="return valider()">
                          <p> ENTREZ VOTRE CODE : 
                            <input type="password" name="text1">
                            <input type="button" value="Valider" name="Submit" onclick=javascript:validate(text1.value,"XXXX") >
                          </p>
                        </form>

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="password" name="text1" id="text1">
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    document.getElementById('text1').onkeypress = function(e){
    		var e=window.event || e;
    		var touche=e.charCode || e.keyCode;
    		if(touche==13){
    			document.getElementById('text1').form.submit();
    		}
    	}
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    met un bouton de type submit!

    ps : evite de nommer (name) tes bouton submit

  4. #4
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="password" name="text1" id="text1">
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    document.getElementById('text1').onkeypress = function(e){
    		var e=window.event || e;
    		var touche=e.charCode || e.keyCode;
    		if(touche==13){
    			document.getElementById('text1').form.submit();
    		}
    	}
    Juste une question : y a-t-il ici une raison pour que tu aies choisi onkeypress plutôt que onkeyup ? (ne risque-t-il pas de se déclencher plusieurs fois en cas d'"appui un peu trop long")

    Citation Envoyé par Matthieu2000
    evite de nommer (name) tes bouton submit
    Juste une autre question : pourquoi ?

    ...pour les linguistes et les curieux >>> générateur de phrases aléatoires

    __________________

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par RomainVALERI Voir le message
    Juste une question : y a-t-il ici une raison pour que tu aies choisi onkeypress plutôt que onkeyup ?
    Non, en fait, c'est du copier-coller d'un bout de code que j'avais sous la main et pour lequel j'avais besoin de récupérer le charcode, mais effectivement, ici cela ne sert pas à grand chose... Mais en général je préfère faire le test sur keypress ou keydown.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    Citation Envoyé par RomainVALERI Voir le message


    Juste une autre question : pourquoi ?
    la fonction ayant le meme nom ne marchera plus...

  7. #7
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Citation Envoyé par Matthieu2000 Voir le message
    la fonction ayant le meme nom ne marchera plus...
    Effectivement c'est logique je n'y avais pas pensé merci ^^

    ...pour les linguistes et les curieux >>> générateur de phrases aléatoires

    __________________

Discussions similaires

  1. Réponses: 2
    Dernier message: 17/09/2006, 19h21
  2. gestion des mot de passe avec Access
    Par cyberbiker dans le forum VB 6 et antérieur
    Réponses: 6
    Dernier message: 07/09/2006, 15h42
  3. problème de MOT DE PASSE avec mysql
    Par u_brush_u dans le forum Requêtes
    Réponses: 3
    Dernier message: 11/07/2006, 12h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo