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 :

Vérifier que l'utilisateur a coché un bouton radio avant la transmission du formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de zemzoum89
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2010
    Messages
    373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 373
    Par défaut Vérifier que l'utilisateur a coché un bouton radio avant la transmission du formulaire
    Bonsoir voila j'ai deux familles (name) de bouton radio et l'utilisateur doit cocher deux boutons bien sur de familles différentes comment vérifier quand l'utilisateur clique sur submit qu'il a effectivement coché deux boutons... Merci beauoup pour votre aide...

  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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    Parcourir chaque collection pour incrementer une variable lorsqu'il rencontre un checked
    à la fin du parcours si la variable = 2 ...
    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 éclairé Avatar de zemzoum89
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2010
    Messages
    373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 373
    Par défaut
    Mais comment avoir la taille de la sélection, comment vérifier que c'est checked ??? merci our votre aide....

  4. #4
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Haaa mais peut-être que c'est expliqué ici ? En adaptant bien entendu en version radio bouton.

  5. #5
    Membre éclairé Avatar de zemzoum89
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2010
    Messages
    373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 373
    Par défaut
    Merci beaucoup pour votre aide c'est très gentil de votre part...

  6. #6
    Membre éclairé Avatar de zemzoum89
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2010
    Messages
    373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 373
    Par défaut
    est ce que c'est la meme chose pour les case à cocher et pour les boutons radio ??

  7. #7
    Membre éclairé Avatar de zemzoum89
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2010
    Messages
    373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 373
    Par défaut récupérer tous les boutons radio et vérifier s'il ya des boutons cochés ou non
    Bonsoir

    Voila pour vérifier mes bourons radio j'utilise cette fonction la:

    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
    23
    24
    25
    26
    function verif(vol)
    	 {
    	 var test=0;
     
    	 for (i=0; i<document.vol.IdVolAller[i].length; i++) 
    	 {
    		if (document.vol.IdVolAller[i].checked)
    		test++;
     	 }
     
    	 for (i=0; i<document.vol.IdVolRetour[i].length; i++) 
    	 {
    		if (document.vol.IdVolRetour[i].checked)
    		test++;
     
         }
    	  if (test=="2")
    		{      
    		return true;
    		}
    	  else
    	   {
    		alert("Vous devez cocher un vol aller et un autre retour");
    		return false;
           }
    	 }
    j'ai deux familles (name) de boutons radio, ces boutons sont générer dynamiquement selon ce qu'il y a dans ma base de données et donc je crois que le problème de ma fonction vient de

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.vol.IdVolAller[i].checked
    car que va faire le [i] la dedans puisque tous les boutons auront le meme name, je vous remercie de m'aider et de me trouver la solution car la ma fonction retourne toujours false

  8. #8
    Membre émérite Avatar de obito
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Janvier 2008
    Messages
    773
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Janvier 2008
    Messages : 773
    Par défaut
    Bonsoir,

    j'ai lu deux/trois trucs sur le net essaie donc ça :

    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
    23
    24
    25
    26
    27
    28
    29
    30
    31
    function verif(vol)
    	 {
    	 var test=0;
     
    	 for (i=0; i<document.vol.IdVolAller[i].length; i++) 
    	 {
    		if (document.vol.IdVolAller[i].checked){
    		  test++;
                      break;
                    }
     	 }
     
    	 for (i=0; i<document.vol.IdVolRetour[i].length; i++) 
    	 {
    		if (document.vol.IdVolRetour[i].checked){
     
    		test++;
                    break;
                   }
     
         }
    	  if (test=="2")
    		{      
    		return true;
    		}
    	  else
    	   {
    		alert("Vous devez cocher un vol aller et un autre retour");
    		return false;
           }
    	 }
    Sinon le code est bon le parcours se fait bien comme ça (si vol est bien le nom du formulaire et idVolAller le nom du 1er groupe de bouton radio)

  9. #9
    Membre éclairé Avatar de zemzoum89
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2010
    Messages
    373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 373
    Par défaut
    Bonsoir et merci de m'avoir répondu,

    ça ne marche toujours pas elle retourne toujours false

    est-ce que je dois lui passer le nom "vol" qui est le name du formulaire par paramètre ou pas la peine si non ou peut bien se situer le problème ???

    quelle est le role de [i] vu que tous les boutons ont le meme name ?

    excusez mon ignorance je suis nouveau dans le domaine du js

  10. #10
    Membre émérite Avatar de obito
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Janvier 2008
    Messages
    773
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Janvier 2008
    Messages : 773
    Par défaut
    pas la peine je pense de le passer en paramètre.

    Attends, attends... y a un truc qui cloche dans les boucles for :

    document.vol.IdVolAller[i].length doit être remplacé par : document.vol.IdVolAller.length

    (pour l'autre boucle même principe)

  11. #11
    Membre éclairé Avatar de zemzoum89
    Profil pro
    Étudiant
    Inscrit en
    Janvier 2010
    Messages
    373
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2010
    Messages : 373
    Par défaut
    Vous méritez que je vous paye quelque chose

    Merci beaucoup pour votre aide et je voudrais vous déranger encore une petite fois:

    je voudrai tester si "document.vol.IdVolRetour" existe alors je boucle sur le retour et je teste if(test==2)

    si non je boucle pas sur le retour donc il n'y a que l'aller et je test if(test==1) Merci beaucoup beaucoup pour votre aide...

  12. #12
    Membre averti
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    20
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 20
    Par défaut
    Bonjour,

    J'ai le même problème sauf que c'est pour 3 familles différentes de boutons radio.

    Je souhaite que le formulaire ne soit pas envoyé tant que un bouton n'est pas coché dans chaque question (donc chaque famille de boutons radio)

    J'ai essayé d'adapté le script que vous avez mis dans les messages précédent à mon cas mais ca ne marche pas quoique je coche ca me renvoie mon message d'alerte même si je coche bien les 3 cases. Ou est mon erreur svp ?
    J'ai testé en mettant le [i] apres le nom de mon radio et sans le mettre mais pareil même résultat.

    merci d'avance de m'aider.

    Voici mon code :
    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
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    <script type="text/javascript">
    <!--
    function envoie(arg)
    {
    	 var test=0;
     
    	 for (i=0; i<document.formulaire.situation[i].length; i++) 
    	 {
    		if (document.formulaire.situation[i].checked){
    		  test++;
                      break;
                    }
     	 }
     
    	 for (i=0; i<document.formulaire.complementaire[i].length; i++) 
    	 {
    		if (document.formulaire.complementaire[i].checked){
     
    		test++;
                    break;
                   }
     
         }
     
    	 for (i=0; i<document.formulaire.niveau[i].length; i++) 
    	 {
    		if (document.formulaire.niveau[i].checked){
     
    		test++;
                    break;
                   }
     
         }
     
    	  if (test=="3")
    		{      
    		return true;
    		}
    	  else
    	   {
    		alert("Vous devez répondre à toutes les questions s'il vous plait !");
    		return false;
           }
    }
    //-->
     
    </script>
    Et voici le formulaire :
    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
    <form method="post" action="envoieetudeperso.php" name="formulaire">
    	<fieldset>
    		<p style="margin-left:-50px; font-weight:bold;">Quelle est votre situation ?</p><br />
    		<input name="situation" value="jeune" id="situation" type="radio" style="margin-left:-50px; margin-right:5px; margin-top:5px;">Vous avez <span class="important1">- de 30 ans</span> et vous êtes célibataire ou en couple <span class="important1">sans</span> enfant <br /><span style="margin-left:-30px;">à charge</span>.<br />
    		<input name="situation" value="celib" id="situation" type="radio" style="margin-left:-50px; margin-right:5px; margin-top:5px;">Vous avez entre <span class="important1">30 et 59 ans</span> <span class="important1">sans</span> enfant à charge.<br />
    		<input name="situation" value="famille" id="situation" type="radio" style="margin-left:-50px; margin-right:5px; margin-top:5px;">Vous avez entre <span class="important1">18 et 59 ans</span> <span class="important1">avec</span> enfant à charge.<br /> 
    		<input name="situation" value="vieux" id="situation" type="radio" style="margin-left:-50px; margin-right:5px; margin-top:5px;">Vous avez <span class="important1">+ de 60 ans</span>.<br />
    		<br /><br />
    		<p style="margin-left:-50px; font-weight:bold;">Avez-vous une complémentaire santé ?</p><br />
    		<input name="complementaire" value="oui" id="complementaire" type="radio" style="margin-left:-50px; margin-right:5px; margin-top:5px;">Oui.<br />
    		<input name="complementaire" value="non" id="complementaire" type="radio" style="margin-left:-50px; margin-right:5px; margin-top:5px;">Non.<br />
    		<br /><br />
    		<p style="margin-left:-50px; font-weight:bold;">Quel niveau de garantie souhaitez-vous ?</p><br />
    		<input name="niveau" value="base" id="niveau" type="radio" style="margin-left:-50px; margin-right:5px; margin-top:5px;">Une garantie de base (TM / Forfaits minimums).<br />
    		<input name="niveau" value="adaptee" id="niveau" type="radio" style="margin-left:-50px; margin-right:5px; margin-top:5px;">Une garantie avec des forfaits adaptés à mes besoins.<br />
     
    		<input type="submit" value="Envoyer" name="envoi" onclick="return envoie(this.form)"> <input type="reset" value="Annuler" name="annul">
    	</fieldset>
    </form>

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

Discussions similaires

  1. Récupération de la valeur cochée de boutons radio
    Par Invité dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 13/01/2015, 18h09
  2. Réponses: 11
    Dernier message: 19/11/2013, 21h36
  3. [MySQL] Vérifier que l'utilisateur et l'email n'est pas prise
    Par Invité dans le forum PHP & Base de données
    Réponses: 12
    Dernier message: 28/02/2011, 16h21
  4. vérifier que l'utilisateur entre bien une heure
    Par youp_db dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/11/2006, 11h15
  5. vérifier que l'utilisateur entre bien un nombre
    Par youp_db dans le forum Servlets/JSP
    Réponses: 4
    Dernier message: 06/11/2006, 10h10

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