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 :

Radio bouton verification


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 57
    Par défaut Radio bouton verification
    Bonjour tout le monde voici mon premier message sur ce forum.
    J'ai cherché tout la journée un moyen de faire fonctionner mon code....
    je sais que la solution n'est pas très loin j'ai essayé plusieurs solution différente et je bloque toujours...
    j'ai vérifier dans les sources et sur plusieurs différents sites mais je bloque !!
    Je fais un formulaire assez complexe. Et j'aimerai vérifier si mes boutons radios sont cochés ou pas.
    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
    function verification() {
       if(document.form.nom.value == "") {
          alert("Veuillez entrer votre NOM svp");
          document.form.nom.focus();
          return false;
       }
          if(document.form.mail.value == "") {
          alert("Veuillez entrer votre MAIL svp");
          document.form.mail.focus();
          return false;
       }
          if(document.form.numero.value == "") {
          alert("Veuillez entrer votre NUMERO DE TELEPHONE svp");
          document.form.numero.focus();
          return false;
       }
        if(document.form.adresse.value == "") {
          alert("Veuillez entrer votre ADRESSE svp");
          document.form.adresse.focus();
          return false;
       }
          if(document.form.surface.value == "") {
          alert("Veuillez entrer la SURFACE svp");
          document.form.surface.focus();
          return false;
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    var radio_choice = false;
    for (counter = 0; counter < form.ascenceur.length; counter++)
    {
    if (form.ascenceur[counter].checked)
    radio_choice = true;
    }
    if (!radio_choice)
    {
    alert("Avez-vous un ascenceur ?.")
    return (false);
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
       else
          return true;
    }
    C'est le code en rouge qui ne marche pas.

    et voici le html concerné
    [quote]
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <label>*Ascenseur</label>
    <input name="ascenseur" value="-10" type="radio" /> Non
    <input name="ascenseur" value="0" type="radio" />Oui

  2. #2
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    Salut,

    L'absence du point-virgule après la fonction alert() ?

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    form.ascenceur.length
    alors que
    <input name="ascenseur"

    étourderie ou copier/coller hasardeux ?

  4. #4
    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
    syntaxe laxiste

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.forms['nomform'].elements['nomelement'].length

    ton form à un name ?
    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 !

  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 : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    form.ascenceur[counter].checked
    Attention,


    Ceci dit, form étant une propriété native de JavaScript référençant le formulaire contenant un élément, son utilisation comme nom de champ de formulaire (ou de formulaire) est très maladroite !
    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 averti
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 57
    Par défaut
    Merci de vos réponses rapide.
    Effectivement il y avait des erreurs de synthaxe...
    Le code ne marchais toujours pas et je me demandais si ce n'était pas la déclaration de la variable dans la fonction qui bloqué je l'ai changé de place et mis avant la fonction et ça marche ! Voici le code modifié :
    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
    <script type="text/javascript">
    var radio_choice = false;
    function verification() {
    if(document.formulaire.nom.value == "") {
    alert("Veuillez entrer votre NOM svp");
    document.formulaire.nom.focus();
    return false;
    }
    if(document.formulaire.mail.value == "") {
    alert("Veuillez entrer votre MAIL svp");
    document.formulaire.mail.focus();
    return false;
    }
    if(document.formulaire.numero.value == "") {
    alert("Veuillez entrer votre NUMERO DE TELEPHONE svp");
    document.formulaire.numero.focus();
    return false;
    }
    if(document.formulaire.adresse.value == "") {
    alert("Veuillez entrer votre ADRESSE svp");
    document.formulaire.adresse.focus();
    return false;
    }
    if(document.formulaire.surface.value == "") {
    alert("Veuillez entrer la SURFACE svp");
    document.formulaire.surface.focus();
    return false;
    }
    for (counter = 0; counter < document.forms['formulaire'].elements['ascenseur'].length; counter++)
    {
    if (document.forms['formulaire'].elements['ascenseur'][counter].checked)
    radio_choice = true;
    }
    if (!radio_choice)
    {
    alert("Y a t'il un ascenseur ?")
    return (false);
    }
    else
    return true;
    }
    </script>
    Merci !

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 57
    Par défaut
    Est ce que quelqu'un peut me donner un exemple de concaténation
    pour qu'il n'y est qu'une seule alert au lieu de plusieurs ?

  8. #8
    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 : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par Irokoi Voir le message
    Est ce que quelqu'un peut me donner un exemple de concaténation
    pour qu'il n'y est qu'une seule alert au lieu de plusieurs ?
    C'est effectivement le genre d'information impossible à trouver en cherchant soi-même
    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

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

Discussions similaires

  1. faire disparaitre du texte par rapport à radio bouton
    Par allowen dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/10/2005, 14h20
  2. radio bouton
    Par MANU_2 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 05/09/2005, 11h22
  3. probleme avec les radio bouton
    Par zola dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/06/2005, 09h52
  4. Récupérer la valeur d'un radio bouton
    Par Batizme dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 14/01/2005, 11h33
  5. Radio-boutons
    Par akaii dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 01/12/2004, 10h44

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