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 :

<input> onValide ?


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    519
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 519
    Par défaut <input> onValide ?
    Bonjour,

    Pour une balise <input>, je peux detecter que le usr clic ailleurs grace a l'event onBlur.

    Par contre, comment est-ce qu'on peut detecter que le usr a validé le champs (appuie sur [Entrée]) ?
    Y a-t-il un evenement pour ca ? ou alors, est-ce qu'il faut tester les touches du clavier ?

    merci !

  2. #2
    Membre éclairé Avatar de frog43
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    342
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 342
    Par défaut
    Salut, pour detecter la validation pas la souris utilise onClick, par contre pour tester la touche entrer je c'est pas ... C'est quel type le input?

  3. #3
    Membre émérite Avatar de Sheriff
    Inscrit en
    Octobre 2004
    Messages
    608
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 608
    Par défaut
    Salut
    tu as essayé onsubmit ?
    (Je sais pas si ça fonctionne, mais...)
    @+

  4. #4
    Membre très actif
    Avatar de if_zen
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2004
    Messages
    275
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Puy de Dôme (Auvergne)

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

    Informations forums :
    Inscription : Juin 2004
    Messages : 275
    Par défaut
    Tu peux soit utiliser le tag onKeyDown, onKeyup, ou encore onKeyPress(event e).
    Dans ton code tu récuperes le code de la touche (e.keyCode==10 ou 13 je sais plus).

    Par contre, en général, si tu appuies sur entrée à partir d'un champ texte, ça valide le formulaire, donc tu dois avoir un truc comme : <form ... onsubmit="">

    Ou sinon tu peux utiliser <input type="submit" onclick=""> pour passer par un code javascript avant d'envoyer le formulaire.

    Je te donne quelques pistes, mais elles sont à travailler, parce que j'ai pas en tête la procédure exacte à suivre...

    Bon courage

  5. #5
    Membre éprouvé
    Homme Profil pro
    Développeur
    Inscrit en
    Août 2003
    Messages
    1 458
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Août 2003
    Messages : 1 458
    Par défaut
    il doit y avoir onKeyPress et onKeyDown
    pour eviter la validation
    onKeyPress="return fct_retournant_false()"

  6. #6
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Avril 2006
    Messages
    245
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Avril 2006
    Messages : 245
    Par défaut
    Citation Envoyé par bibile
    Bonjour,

    Par contre, comment est-ce qu'on peut detecter que le usr a validé le champs (appuie sur [Entrée]) ?
    Je pense à plusieurs solution, mais il faudrait que tu me dises en détail ce que tu veux faire... Sur un formulaire on ne peut pas valider un champs parmi plusieurs, par contre tu peux vérifier en cours de frappe ou même après la validité des infos...

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    519
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 519
    Par défaut
    merci pour vos reponses !
    apparement, il faudra que je lise les entrees claviers.

    pour Guy777 :
    je veux faire un "faux" formulaire. il n'y aura pas de bouton SUBMIT.
    je veux juste utiliser une balise <input> pour que le usr du site puisse rentrer une valeur. une fois la valeur entrée. le usr peut cliquer ailleurs (onBlur) ou valider par [Entrée]. a ce moment, je veut modifier l'affichage de mon <input> et stocker la valeur dans un objet js, coté browser.

    voila !

  8. #8
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Avril 2006
    Messages
    245
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Avril 2006
    Messages : 245
    Par défaut
    D'ac,

    Essaye ce bout de code (qui marche) :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
     
    <script>
    function init() {
        document.getElementById('test').onblur = valide;
        document.onkeypress = valide;
    }
     
    function valide(e) {
        var maValeur;
        monDiv = document.getElementById('retour');
        if(e.keyCode == 13 || e.type == "blur") {
            monDiv.innerHTML = "validé par "+e.type;
            maValeur = document.getElementById('test').value;
            monDiv.innerHTML += "<br/>valeur :"+maValeur;
        }
    }
    </script>
     
    <body onLoad="init()">
    <input id="test">
    <div id="retour"></div>
    </body>
    Dans la fonction valide tu peux mettre ce que tu veux...

  9. #9
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    519
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 519
    Par défaut
    merci guy777 !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [JSP]<input type="file">
    Par phoebe dans le forum Servlets/JSP
    Réponses: 13
    Dernier message: 16/07/2012, 19h50
  2. input ds une table dynamique
    Par mamouna dans le forum ASP
    Réponses: 32
    Dernier message: 30/06/2004, 18h12
  3. Réponses: 2
    Dernier message: 15/04/2004, 15h44
  4. chemin d'un input de type file
    Par sbbn1 dans le forum ASP
    Réponses: 2
    Dernier message: 05/04/2004, 20h19
  5. [FORMULAIRE] Récupération de input 'text'
    Par danael dans le forum Flash
    Réponses: 5
    Dernier message: 19/07/2003, 11h31

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