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 :

onclick et touche entrer


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 72
    Points : 41
    Points
    41
    Par défaut onclick et touche entrer
    Bonjour,

    je suis débutante et je me retrouve confrontée a un problème pour faire marcher un onclick.
    J'ai pour l'instant une page d'accueil ou l'utilisateur doit entrer son mot de passe et son login puis cliquer sur valider. Mon code est le suivant:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <div class="loginGroupBox">
    <span class="title"> Identification </span>
    <div class="content">
    <label for="login">Nom d'utilisateur : </label><input id="login" type="text" maxlength="255" />
    <br />
    <label for="passwd">Mot de passe : </label><input id="passwd" type="password" maxlength="255" />
    <br />
    </div>
    <div class="foot">
    <input type="button" value="Valider" onclick="executeScript('<?php echo $url_path; ?>webservices/identification.php', 'action=login&md5=on&login=' + $('login').value + '&password=' + md5($('passwd').value), returnToIndex);" />
    </div>
    </div>
    Je voudrais le modifier pour que l'utilisateur puisse taper sur entrer pour valider son formulaire. Malgré les différents tuto, je ne comprends pas très bien si je peux modifier ce code ou bien si je dois obligatoirement le changer et utiliser un submit. Pourriez vous m'aider ?

    Merci d'avance a tous.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    pas de onclick....
    utilise le onsubmit du formulaire ...

    et jette un œil au passage dans les contribution

  3. #3
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Bonjour,

    Pour info, lorsqu'on veut désactiver la touche Entrée pour valider un formulaire, on conseille de remplacer le bouton Submit par un Input type="button".

    Comme tu es dans ce cas là, ne t'étonne pas si ta touche Entrée ne fonctionne pas.

    Personnellement, je te conseillerais de mettre un bouton Submit.

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 72
    Points : 41
    Points
    41
    Par défaut
    Merci pour vos conseils.
    J'ai modifié ma ligne comme ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Valider" onsubmit="executeScript('<?php echo $url_path; ?>webservices/identification.php', 'action=login&md5=on&login=' + $('login').value + '&password=' + md5($('passwd').value), returnToIndex);" />
    mais ca ne fonctionne pas...
    Desolée si mes questions vous paraisse betes, je suis vraiment debutante!

  5. #5
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    dans le tag <form>, l'évènement onsubmit

    A+

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 72
    Points : 41
    Points
    41
    Par défaut
    Le tag form doit etre ajoute avant le input non? Car pour l'instant je n'en ai pas.
    Desolée d'insister, mais on me demande de faire ca pour un stage alors que je n'ai jamais fais de JS donc c'est vraiment la galere!

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    as tu été consulter les contributions.. il y a un code complet en exemple ...
    On se demanbde bien pourquoi on se décarcasse à mettre des articles complets ...

Discussions similaires

  1. Script touche "entrer"
    Par raiku dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 02/09/2006, 17h53
  2. valider formulaire avec la touche 'entrer'
    Par mikees dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 06/07/2006, 17h51
  3. formulaire & touche "entrer"
    Par monsurf dans le forum Access
    Réponses: 2
    Dernier message: 03/05/2006, 12h26
  4. [ActionListener] touche entrer...
    Par floanne dans le forum AWT/Swing
    Réponses: 4
    Dernier message: 21/02/2006, 08h10
  5. attraper le click sur la touche entrer
    Par linux dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 02/11/2005, 15h18

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