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 :

Obliger un visiteur de cliquer sur un liens avant validation du formulaire


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    66
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 66
    Par défaut Obliger un visiteur de cliquer sur un liens avant validation du formulaire
    Bonjour,

    Comment fait on pour obliger un visiteur à cliquer sur un liens avant de valider un formulaire ?

    J'ai trouver ça sur le net mais j'aimerais un liens à cliquer au lieux d'une checkbox.


    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
     
    <head>
    <script type="text/javascript">
    function ChangeStatut(formulaire) {
    if(formulaire.regagree.checked == true) {formulaire.validation.disabled = false }
    if(formulaire.regagree.checked == false) {formulaire.validation.disabled = true }
    }
    </script> 
    </head>
     
    <body>
     
    <form action="" methed="post">
    <p><input type="checkbox" name="regagree" value="valeur" onClick="ChangeStatut(this.form)" /> J'accepte le reglement</p>
     
    <p><input type="submit" name="validation" value="inscription !" disabled /></p>
     
    </form>
    <body>

  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 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <a href="#" onclick="document.forms[0].elements['valid'].disabled=false;return false;"> clikcez pour activer</a>
    <form>
    <input type="text" value="" />
    <input type="submit" name="valid" value="envoyer" disabled />
    </form>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre chevronné Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Par défaut
    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
    <html>
    <head>
    <script type="text/javascript">
    var Clicked=false;
    function ChangeStatut(formulaire){
    	formulaire.validation.disabled=(Clicked==true)?false:true;
    }
    </script> 
    </head>
    <body>
    <form action="" method="post" onsubmit="" name="mon_form">
    <p><input type="checkbox" name="regagree" value="valeur" onClick="Clicked=true; ChangeStatut(this.form);" /> J'accepte le reglement</p>
    <p><input type="submit" name="validation" value="inscription !" disabled /></p>
    </form>
    <body>

  4. #4
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 57
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Bonjour,
    Tu peux essayer ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <form id="form" name="form" method="post" action="">
      <a href="#" onclick="document.getElementById('button').disabled=''">Mon lien</a> 
      <input type="submit" name="button" id="button" value="Envoyer" disabled="disabled" />
    </form>
    EDIT : Pas vu les autres réponses ....

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    66
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 66
    Par défaut
    Réponse très rapide merci beaucoup.

    Quand on clique le liens s'ouvre dans une autre page et active le bouton mais j'arrive pas.

    ex:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="http://www.google.fr" onclick="document.forms[0].elements['valid'].disabled=false;return false;" target="_bank"> clikcez pour activer</a>

    Je suis un petit newbie en javascript comparer au php c'est autre chose.

  6. #6
    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 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 658
    Billets dans le blog
    1
    Par défaut
    En fait il siffit juste de retirer le return false qui inhibe le href ...
    je ne suis pas partisan du target (je code en strict)

    mais bon un window.open n'est pas mieux

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="javascript:window.open('http://www.google.fr')" onclick="document.forms[0].elements['valid'].disabled=false;" > clikcez pour activer</a>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Membre éclairé
    Inscrit en
    Décembre 2008
    Messages
    46
    Détails du profil
    Informations personnelles :
    Âge : 48

    Informations forums :
    Inscription : Décembre 2008
    Messages : 46
    Par défaut
    Citation Envoyé par mathias59 Voir le message
    Réponse très rapide merci beaucoup.

    Quand on clique le liens s'ouvre dans une autre page et active le bouton mais j'arrive pas.

    ex:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="http://www.google.fr" onclick="document.forms[0].elements['valid'].disabled=false;return false;" target="_bank"> clikcez pour activer</a>

    Je suis un petit newbie en javascript comparer au php c'est autre chose.
    Si tu mets un "return false;" ton lien ne fonctionnera pas.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="http://www.google.fr" onclick="document.forms[0].elements['valid'].disabled='';" target="_blank"> clickez pour activer</a>

Discussions similaires

  1. Cliquer sur une banniere avant valider
    Par DavidPereira dans le forum Langage
    Réponses: 3
    Dernier message: 09/01/2009, 16h44
  2. Ouvrir un pop, cliquer sur un lien et changer la page d'origine
    Par JackBeauregard dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 12/11/2006, 10h38
  3. cliquer sur un lien hypertext
    Par mqsi dans le forum VB 6 et antérieur
    Réponses: 1
    Dernier message: 07/11/2006, 19h35
  4. Cliquer sur un lien en javascript
    Par flagadda dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 12/09/2006, 14h11
  5. Réponses: 2
    Dernier message: 19/08/2006, 16h40

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