Partage
  • Partager sur Facebook
  • Partager sur Twitter

Vérification formulaire

greglover
    13 décembre 2005 à 14:17:07


    <html>
    <head>
    <script language="javascript">
    <!--
    function checkform()
    {
            if (document.formulaire.bapteme_gratuit.value.length == "OFF" && document.formulaire.bapteme_gratuit.value.length == "OFF")
            {
            alert("Cochez au moins une des deux cases, Merci");
            return false;
            }
            return true;
            if (document.formulaire.prenom.value.length == 0 && document.formulaire.prenom.value.length > 20)
            {
            alert("Votre Prenom, Merci");
            return false;
            }
            return true;
            if (document.formulaire.nom.value.length == 0 && document.formulaire.nom.value.length > 25)
            {
            alert("Votre Nom, Merci");
            return false;
            }
            return true;
            if (document.formulaire.date_naissance.value.length == 0 && document.formulaire.date_naissance.value.length > 10)
            {
            alert("Votre date de naissance jj/mm/yyyy, Merci");
            return false;
            }
            return true;
            if (document.formulaire.telephone.value.length == 0 && document.formulaire.telephone.value.length > 10)
            {
            alert("Votre téléphone, Merci");
            return false;
            }
            return true;
            if (document.formulaire.adresse.value.length == 0 && document.formulaire.adresse.value.length > 60)
            {
            alert("Votre adresse, Merci");
            return false;
            }
            return true;
            if (document.formulaire.code_postal.value.length == 0 && document.formulaire.code_postal.value.length > 5)
            {
            alert("Votre code postal, Merci");
            return false;
            }
            return true;
            if (document.formulaire.ville.value.length == 0 && document.formulaire.ville.value.length > 20)
            {
            alert("Votre ville, Merci");
            return false;
            }
            return true;
    }
    //-->
    </script>
    </head>
    <body>
    <attention></attention><form method="post" action="cible.php" name="formulaire">
      <center><font face="Comic Sans MS" size="5"><b>Vous
    souhaitez :</b></font><br>
      <input name="bapteme_gratuit" value="OFF" type="checkbox"> : Vous inscrire &agrave; un
    bapt&ecirc;me gratuit<br>
      <input name="activites_associations" value="OFF" type="checkbox"> : Vous inscrire aux activit&eacute;s de l association
      <br>
      <br>
      <font face="Comic Sans MS" size="5"><b>Entrez
    vos coordonn&eacute;es :</b></font>
      <br>
      <br>
      <table align="center" cellpadding="5" cellspacing="2">
        <tbody>
          <tr>
            <td>Entrez votre pr&eacute;nom :
            </td>
            <td><input name="prenom" size="20" type="text"></td>
            <td>Votre nom :
            </td>
            <td><input name="nom" size="25" type="text"></td>
          </tr>
          <tr>
            <td>Entrez votre date de naissance (jj/mm/aaaa) :
            </td>
            <td><input name="date_naissance" size="10" type="text"></td>
            <td>Telephone
            </td>
            <td><input name="telephone" size="10" type="text"></td>
          </tr>
          <tr>
            <td>Quel est votre niveau actuel :
            </td>
            <td>
            <select size="1" name="niveau">
            <option>Bapt&ecirc;me</option>
            <option>Niveau 1</option>
            <option>Niveau 2</option>
            <option>Niveau 3</option>
            <option>Niveau 4</option>
            </select>
            </td>
          </tr>
          <tr>
            <td>Entrez votre adresse :<br>
            <textarea rows="3" name="adresse" cols="20"></textarea></td>
            <td>Notez ici vos questions :<br>
            <textarea rows="5" name="questions" cols="20"></textarea></td>
          </tr>
          <tr>
            <td>Code postal : <input name="code_postal" size="5" type="text">
            </td>
          </tr>
          <tr>
            <td>Ville : <input name="ville" size="20" type="text">
            </td>
          </tr>
        </tbody>
      </table>
      <center>
    <button value="check" name="check" type="button" onClick="checkform()">Vérifier</button>
    <input value="Valider" type="submit"></center>
      </center>
    </form>
    </body>
    </html>


    <button value="check" name="check" type="button" onClick="checkform()">Vérifier</button>
    <input value="Valider" type="submit"></center>


    J'ai un problèmee : la vérification ne se fait pas. Le formulaire est validé a tous les coups. Je voudrais faire soit 2 boutons (vérifier et valider). Validez n'aurait pu être appuyé que si Valider avait été fait.

    Soit 1 seule bouton : Valider qui (une fois vérification faites et tout ok) se transformerait en valider.

    Merci d'avance
    • Partager sur Facebook
    • Partager sur Twitter
    tyberium
    • HTML / CSS
      13 décembre 2005 à 14:24:25

      Salut

      Mets plutot un onsubmit a ta blalise form comme ceci

      <form method="post" action="index.php2" Onsubmit='return checkform();'>

      et n'utilise que ton bouton <input value="Valider" type="submit">

      @ bientot jerome
      • Partager sur Facebook
      • Partager sur Twitter
      greglover
        13 décembre 2005 à 14:33:04

        et le javascript je dois le ettre dans le head ou le body ?

        cela ne marche pas que je le mette dans le head ou le body
        • Partager sur Facebook
        • Partager sur Twitter
        tyberium
        • HTML / CSS
          13 décembre 2005 à 15:15:00

          salut

          mets ton JavaScript entre les head

          sinon mets plutot des "ou" || au lieu de "et" &&

          pour ce qui est du souhait gratuit ou pas je mettrais plutôt des imput de type radio avec un coché d office comme ceci

          souhaitez :</b></font><br>
            <input name="bapteme_souhait" value="bapteme_gratuit" type="radio" > : Vous inscrire &agrave; un
          bapt&ecirc;me gratuit<br>
            <input name="bapteme_souhait" value="activites_associations" type="radio" checked="checked"> : Vous inscrire aux activit&eacute;s de l association


          voila comme ca tu n auras pas de probleme pour ce choix

          @ bientot jerome
          • Partager sur Facebook
          • Partager sur Twitter
          greglover
            13 décembre 2005 à 15:24:25

            toujours aucun changement, le formulaire se valide à tous les coups.

            pour ce qui est des check box, ce n'est pas gratuit ou pas gratuit. C'est une case "pour être membre" et l'autre pour "faire un bapteme gratuit", le visiteur peut cocher les deux, une seul mais pas aucune.

            Pourquoi cela ne marche pas, la synthaxe est pourtant bonne ?

            Cordialement
            • Partager sur Facebook
            • Partager sur Twitter
            tyberium
            • HTML / CSS
              13 décembre 2005 à 17:14:05

              re
              donc voila j ai regardé ton code de près et il y avais pas mal d erreurs !!! Il ne marchit pas car tu avais des return true; apres chaue condition et donc evitait de de vérifier tes autre conditions ^^ enfin bref

              Je l ai modifé et commenté. Pour l histoir des checkbox Il doit y avoir y moyen d ameliorer ca. J ai pas trouvé comment faire pour mettre "pas checked" (pas coché) donc j ai fai une condition à l envers voici ta page maintenant qui fonctionne bien cher moi

              <html>
              <head>
              <script language="javascript">
              <!--
              function checkform()
              {
                      if (document.formulaire.bapteme_gratuit.checked || document.formulaire.activites_associations.checked)
                      { }
                              else
                              {
                              alert("Cochez au moins une des deux cases, Merci");
                      return false;
                              }


                      if (document.formulaire.prenom.value.length == 0 || document.formulaire.prenom.value.length > 20)
                      {
                      alert("Votre Prenom, Merci");
                      return false;
                      }

                      if (document.formulaire.nom.value.length == 0 || document.formulaire.nom.value.length > 25)
                      {
                      alert("Votre Nom, Merci");

                      }

                      if (document.formulaire.date_naissance.value.length != 10) /*Si il y a 10 caracteres c est bon sinon alert ...*/
                      {
                      alert("Votre date de naissance jj/mm/yyyy, Merci");

                      }

                      if (document.formulaire.telephone.value.length != 10 ) /*Si il y a 10 caracteres c est bon sinon alert ...*/
                      {
                      alert("Votre téléphone, Merci");
                      return false;
                      }

                      if (document.formulaire.adresse.value.length == 0 || document.formulaire.adresse.value.length > 60)
                      {
                      alert("Votre adresse, Merci");
                      return false;
                      }

                      if (document.formulaire.code_postal.value.length != 5 ) /*Si il y àa5 caracteres c est bon sinon alert ...*/
                      {
                      alert("Votre code postal, Merci");
                      return false;
                      }

                      if (document.formulaire.ville.value.length == 0 || document.formulaire.ville.value.length > 20)
                      {
                      alert("Votre ville, Merci");
                      return false;
                      }
                      return true;
              }
              //-->
              </script>
              </head>
              <body>
              <form method="post" action="#" name="formulaire" Onsubmit='return checkform();'>
                <center><font face="Comic Sans MS" size="5"><b>Vous
              souhaitez :</b></font><br>
                <input name="bapteme_gratuit" value="OFF" type="checkbox"> : Vous inscrire &agrave; un
              bapt&ecirc;me gratuit<br>
                <input name="activites_associations" value="OFF" type="checkbox"> : Vous inscrire aux activit&eacute;s de l association
                <br>
                <br>
                <font face="Comic Sans MS" size="5"><b>Entrez
              vos coordonn&eacute;es :</b></font>
                <br>
                <br>
                <table align="center" cellpadding="5" cellspacing="2">
                  <tbody>
                    <tr>
                      <td>Entrez votre pr&eacute;nom :
                      </td>
                      <td><input name="prenom" size="20" type="text"></td>
                      <td>Votre nom :
                      </td>
                      <td><input name="nom" size="25" type="text"></td>
                    </tr>
                    <tr>
                      <td>Entrez votre date de naissance (jj/mm/aaaa) :
                      </td>
                      <td><input name="date_naissance" size="10" type="text"></td>
                      <td>Telephone
                      </td>
                      <td><input name="telephone" size="10" type="text"></td>
                    </tr>
                    <tr>
                      <td>Quel est votre niveau actuel :
                      </td>
                      <td>
                      <select size="1" name="niveau">
                      <option>Bapt&ecirc;me</option>
                      <option>Niveau 1</option>
                      <option>Niveau 2</option>
                      <option>Niveau 3</option>
                      <option>Niveau 4</option>
                      </select>
                      </td>
                    </tr>
                    <tr>
                      <td>Entrez votre adresse :<br>
                      <textarea rows="3" name="adresse" cols="20"></textarea></td>
                      <td>Notez ici vos questions :<br>
                      <textarea rows="5" name="questions" cols="20"></textarea></td>
                    </tr>
                    <tr>
                      <td>Code postal : <input name="code_postal" size="5" type="text">
                      </td>
                    </tr>
                    <tr>
                      <td>Ville : <input name="ville" size="20" type="text">
                      </td>
                    </tr>
                  </tbody>
                </table>
                <center>
              <input value="Valider" type="submit"></center>
                </center>
              </form>
              </body>
              </html>


              essaie ca ...

              @ bientot jerome
              • Partager sur Facebook
              • Partager sur Twitter
              greglover
                13 décembre 2005 à 17:55:21

                merci beaucoup cela marche et j'ai compris le code.

                Tu ne serais pas aussi expert en php par hasard ?
                • Partager sur Facebook
                • Partager sur Twitter

                Vérification formulaire

                × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                • Editeur ●
                • Markdown