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 :

bouton radio obligatoire ds formulaire javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Inscrit en
    Novembre 2007
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Novembre 2007
    Messages : 3
    Par défaut bouton radio obligatoire ds formulaire javascript
    Bonjour!

    Je suis une petite nouvelle ici et j'aimerais beaucoup que quelqu'un puisse me dire comment je fais pour intégrer des boutons radio OBLIGATOIRE dans mon code:


    <script language="JavaScript">
    function verifform()

    { if(document.formulaire.nom.value == "")
    { alert("Veuillez entrer votre nom!");
    document.formulaire.nom.focus();
    return false; }

    if(document.formulaire.prenom.value == "")
    { alert("Veuillez entrer votre prénom!");
    document.formulaire.prenom.focus();
    return false; }

    if(document.formulaire.adresse.value == "")
    { alert("Veuillez entrer votre adresse!");
    document.formulaire.adresse.focus();
    return false; }

    if(document.formulaire.ville.value == "")
    { alert("Veuillez entrer votre ville!");
    document.formulaire.ville.focus();
    return false; }

    if(document.formulaire.codepostale.value == "")
    { alert("Veuillez entrer votre code postale!");
    document.formulaire.codepostale.focus();
    return false; }

    <!-- E-mail

    if(document.formulaire.email.value == "")
    { alert("Veuillez entrer votre courriel!");
    document.formulaire.email.focus();
    return false; }

    if(document.formulaire.email.value.indexOf('@') == -1)
    { alert("Ce n'est pas une adresse électronique valable!");
    document.formulaire.email.focus();
    return false; }

    if(document.formulaire.confirmeemail.value == "")
    { alert("Veuillez entrer votre confirmation de courriel!");
    document.formulaire.confirmeemail.focus();
    return false; }

    if(document.formulaire.confirmeemail.value.indexOf('@') == -1)
    { alert("Ce n'est pas une adresse électronique valable!");
    document.formulaire.confirmeemail.focus();
    return false; }

    } //-->

    </script>


    CODE DE MON FORMULAIRE:

    <form name="formulaire" action="mailto:moncourriel@moi.com" method=post onSubmit="return verifform()" enctype="text/plain">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">

    <tr>
    <td>
    Title:
    <input type="radio" name="title :" value="Mme">
    Mll
    <input type="radio" name="title : " value="Mme">
    Mme
    <input type="radio" name="title : " value="M.">
    M.
    </td>
    </tr>

    <tr>
    <td> <br />
    Votre nom : <input type=text size=40 name="nom"> <br />
    Votre prénom : <input type=text size=40 name="prenom"> <br />
    Votre adresse: <input type=text size=40 name="adresse"><br />
    Votre ville: <input type=text size=40 name="ville"><br />
    Votre code postale: <input type=text size=40 name="codepostale"><br /> </td>
    </tr>

    <tr>
    <td> <br />
    Âge :
    <input type="radio" name="age :" value="18-25">
    18/25ans
    <input type="radio" name="age :" value="26-35">
    26/35ans
    <input type="radio" name="age :" value="36-45">
    36/45ans
    <input type="radio" name="age :" value="46-55">
    46/55ans
    <input type="radio" name="age :" value="55plus">
    +55ans </td>
    </tr>

    <tr>
    <td><br />
    Profession:
    <input type=text name="profession" size=40> </td>
    </tr>

    <tr>
    <td>
    <br />
    Votre courriel: <input type=text size=40 name="email"> <br />
    Confirmation de courriel: <input type=text size=40 name="confirmeemail">
    </td>
    </tr>

    <tr>
    <td>
    <input type=submit value="envoyer">
    <input type=reset value="effacer"></td>
    </tr>
    </table>
    </form>

    Un gros merci

  2. #2
    Candidat au Club
    Inscrit en
    Novembre 2007
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Novembre 2007
    Messages : 3
    Par défaut
    "update"

    J'ai ajouté ce code pour les boutons radio. Si je n'ajoute qu'une seule série de boutons ça fonctionne :


    <!-- boutons radio
    {
    if ((document.forms[0].titre[0].checked==false) && (document.forms[0].titre[1].checked==false) && (document.forms[0].titre[2].checked==false))
    { alert("Veuillez entrer votre titre!" );
    return false; }
    return true; }

    } //-->

    </script>

    dans body:

    <td><br />
    Titre<span class="style1">*</span> :
    <input type="radio" name="titre" value="Mll">
    Mll
    <input type="radio" name="titre" value="Mme">
    Mme
    <input type="radio" name="titre" value="M.">
    M.
    </td>


    Cependant lorsque j'en ajoute un autre plus rien ne fonctionne:

    <!-- boutons radio
    {
    if ((document.forms[0].titre[0].checked==false) && (document.forms[0].titre[1].checked==false) && (document.forms[0].titre[2].checked==false))
    { alert("Veuillez entrer votre titre!" );
    return false; }
    return true; }

    { if ((document.forms[0].agent[0].checked==false) && (document.forms[0].agent[1].checked==false))
    { alert("Veuillez nous indiquer si vous êtes agent de voyages!" );
    return false; }
    return true; }


    } //-->

    </script>

    dans body:

    <td><br />
    Titre<span class="style1">*</span> :
    <input type="radio" name="titre" value="Mll">
    Mll
    <input type="radio" name="titre" value="Mme">
    Mme
    <input type="radio" name="titre" value="M.">
    M.
    </td>

    <td><br />
    Êtes-vous agent de voyages?<span class="style1">*</span> :
    <input type="radio" name="agent" value="ouiagent">
    Oui
    <input type="radio" name="agent" value="nonagent">
    Non <br />
    </td>

    Est-ce que quelqu'un peut m'éclarer
    Merci!

  3. #3
    Candidat au Club
    Inscrit en
    Novembre 2007
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Novembre 2007
    Messages : 3
    Par défaut
    J'ai trouvé je crois

    <!-- boutons radio
    {
    if ((document.forms[0].titre[0].checked==false) && (document.forms[0].titre[1].checked==false) && (document.forms[0].titre[2].checked==false))
    { alert("Veuillez entrer votre titre!" );
    return false; }


    if ((document.forms[0].AgentVoyage[0].checked==false) && (document.forms[0].AgentVoyage[1].checked==false))
    { alert("Veuillez nous indiquer si vous êtes agent de voyages!" );
    return false; }
    return true; }


    } //-->

    </script>

    dans body:

    <td><br />
    Titre<span class="style1">*</span> :
    <input type="radio" name="titre" value="Mll">
    Mll
    <input type="radio" name="titre" value="Mme">
    Mme
    <input type="radio" name="titre" value="M.">
    M.
    </td>

    <td><br />
    Êtes-vous agent de voyages?<span class="style1">*</span> :
    <input type="radio" name="AgentVoyage" value="cest_un_agent_voyage">
    Oui
    <input type="radio" name="AgentVoyage" value="ce_nest_pas_un_agent_voyage">
    Non
    </td>

Discussions similaires

  1. Vérification de bouton radio sur un formulaire
    Par Sakeno dans le forum Langage
    Réponses: 7
    Dernier message: 02/06/2008, 14h58
  2. Griser bouton radio dans 2 formulaires différents
    Par Run_974 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 29/05/2008, 17h52
  3. Bouton radio dans un formulaire
    Par anaaa dans le forum Struts 1
    Réponses: 21
    Dernier message: 13/06/2007, 17h15
  4. Alignement boutons radio dans un formulaire en CSS
    Par totijax dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/09/2006, 10h02
  5. Réponses: 3
    Dernier message: 05/07/2006, 04h27

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