Mettre 2 champs mail pour confimer dans un formulaire [Résolu]

Signaler
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008
-
 taxitat -
Bonjour tout le monde,
J'ai créer un formulaire qui marche très bien mais j'aimerai juste rajouter un deuxième champ email de confirmation car j'ai souvent des adresses erronnées.
Quel est le code à mettre pour comparer les deux champs mail, puis d'accepter ou non.
Je vous remerci d'avance.
Nico

24 réponses

Messages postés
1123
Date d'inscription
mardi 8 janvier 2002
Statut
Modérateur
Dernière intervention
21 avril 2009
1
Voici la page html+javascript fonctionnelle
Il te reste à faire le php maintenant, j'ai jeté un oeil à ce que tu avais fait, c'est pas bon du tout !
Donc au lieu de tout te faire le php tu te débrouille histoire d'apprendre un peu !

Courage, tu peux y arriver :)

Voici le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>

      <style type="text/css">
/*<![CDATA[*/
      TD{Color : #000000; Font-Family : Verdana, Arial, Helvetica, sans-serif; Font-Size : 11px;font-style: normal;Font-Weight : Bold;}
      H1 { Color : #094761; Font-Family : Verdana, Arial, Helvetica, sans-serif; Font-Size : 16px;font-style: normal;Font-Weight : bold; padding-bottom : 2px; margin-bottom : 2px;}
      BODY {background-image: url(fond.jpg);}
      TD.bg_color { BACKGROUND-COLOR : #ffffff;}
      TABLE.border { BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; Border-Color: #9ACADA; }
      .margins { margin: 10px, 10px, 10px,10px; }
      .arrow { Color: #ff0000; }
      INPUT.format { font-size: 11px; color: #003D59; background-color : #EFFCFF; font-style: normal;
      BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
      Border-Color:#003D59;
      }
      SELECT.format { font-size: 11px; color: #003D59; font-style: normal;}
      TEXTAREA { font-size: 11px; color: #003D59; background-color : #EFFCFF;BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
      Border-Color: #003D59;font-style: normal;
      }
      INPUT.submit { font-size: 17px; color: #003D59; Font-Family : Verdana, Arial, Helvetica, sans-serif;  font-style: normal;Font-Weight : Bold; background-color : #7BAEC6; BORDER-RIGHT: 2px solid; BORDER-TOP: 2px solid; BORDER-LEFT: 2px solid; BORDER-BOTTOM: 2px solid; Border-Color: #003D59;
      }
      INPUT.reset { font-size: 17px; color: #003D59; Font-Family : Verdana, Arial, Helvetica, sans-serif; font-style: normal;Font-Weight : Bold; background-color : #7BAEC6; BORDER-RIGHT: 2px solid; BORDER-TOP: 2px solid; BORDER-LEFT: 2px solid; BORDER-BOTTOM: 2px solid; Border-Color: #003D59;
      }
      a.info{
      position:relative; /*this is the key*/
      z-index:24;
      text-decoration:none}
      a.info:hover{z-index:25; background-color:#ff0}
      a.info span{display: none}
      a.info:hover span{ /*the span will display just on :hover state*/
      display:inline;
      position:absolute;
      top:1em; left:1em; width:15em;
      background-color:#ffff80; color:#ff0000;
      text-align: center}
      .error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(images/warning_obj.gif); background-position: right; background-repeat: no-repeat;}
      .obli {color: #ff0000; Font-Family : Verdana, Arial, Helvetica, sans-serif; }
      .mef { font-size: 11px; color: #003D59; font-style: normal;
      }
      /*]]>*/
      </style>
      <script language="javascript" type="text/javascript">
            function ValidForm () {
                if (document.getElementById("id_nom").value == "")
                    alert ("Veuillez indiquer un nom");
                else if (document.getElementById("id_prenom").value == "")
                    alert ("Veuillez indiquer un prénom");
                else if (document.getElementById("id_email").value == "")
                    alert ("Veuillez indiquer un Email");
                else if (document.getElementById("id_confemail").value == "")
                    alert ("Veuillez indiquer une confirmation d'email");
                else if (document.getElementById("id_email").value != document.getElementById("id_confemail").value)
                    alert ("Votre email n'est pas identique à sa confirmation !");
                else if (document.getElementById("id_sujet").value == "")
                    alert ("Veuillez indiquer un sujet");
                else if (document.getElementById("id_com").value == "")
                    alert ("Veuillez indiquer un commentaire");
                else
                    return true;
           
                return false;
            }
      </script>
      <title>
         Pour être contacté
      </title>
   </head>
  

               ----

                          
                  Pour être contacté
              

               <table border="0" cellpadding="0" cellspacing="0" class="border">
                  ----

                    ,
                       

                           <form name=\"formulaire\" action=\"envoi.php\" method=\"post\" enctype=\"multipart/form-data\" onsubmit=\"return ValidForm();\">
                              <table border=\"0\" cellpadding=\"0\" cellspacing=\"4\">
                                 ----

                                                                           &nbsp;
                                   ,
                                
                                 ----

                                                                          
                                          Nom :&nbsp;*
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Prénom :&nbsp;*
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Votre e-mail :&nbsp;*
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Votre e-mail à confirmer :&nbsp;*
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Adresse :&nbsp;
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Code postal :&nbsp;
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Ville :&nbsp;
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Téléphone :&nbsp;
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Fax :&nbsp;
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Horaires de disponibilté :&nbsp;
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Sujet (parcelle, m-home, cpg car) + identifiant&nbsp;*
                                      

                                   ,
                                                                          
                                   ,
                                
                                 ----

                                                                          
                                          Commentaires :&nbsp;*
                                      

                                   ,
                                                                           <textarea rows="8" cols="36" name="id_com" id="id_com" class="format"></textarea>
                                   ,
                                
                                 ----

                                                                           &nbsp;
                                   ,
                                
                                 ----

                                                                           <table width="100%">
                                          ----

                                            ,
                                               
                                             </td>
                                                                                            
                                            ,
                                         
                                      

                                    </td>
                                 </tr>
                                 <tr>
                                    <td colspan="2" align="center">
                                       * Ce champ est obligatoire
                                    </td>
                                 </tr>
                              </table>
                           </form>
                       

                     </td>
                  </tr>
               </table>
            </td>
         </tr>
      </table>
  
</html>
Messages postés
624
Date d'inscription
mardi 6 mai 2003
Statut
Membre
Dernière intervention
14 décembre 2009
1
salut.

la question est ou ?

- comment rajouter ce champ dans mon code HTML ?
- comment comparer les 2 champs email et confimation en javascript ?
- comment comparer les 2 champs email et confimation en php ?

++
Messages postés
1216
Date d'inscription
mardi 20 décembre 2005
Statut
Membre
Dernière intervention
18 octobre 2012
4
salut

je ne vois pas le pb
tu peux controler dans une fonction javascript

...
if(document.FORMULAIRE.email1.value!=document.FORMULAIRE.email2.value)
{alert("adresses non identiques");return false;}
...
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

la vraie question est comment comparer les 2 champs email et confimer en php ?
sachant que les 2 champ ont comme identifiant $_POST["id_38"] et $_POST["id_46"]
Messages postés
624
Date d'inscription
mardi 6 mai 2003
Statut
Membre
Dernière intervention
14 décembre 2009
1
comparer 2 chaines en PHP : strcmp()

après par confirmer je vois pas ce que tu entend ...
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

je vais voir avec ça merci
Messages postés
1123
Date d'inscription
mardi 8 janvier 2002
Statut
Modérateur
Dernière intervention
21 avril 2009
1
@deud5 : Continue à demander de l'aide concernant le même probleme sur le même topic, ne crée pas un nouveau topic pour cela, ca ne sert à rien. Explique le plus en détails.

Merci :)
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

ok,
pour être plus précis, j'ai créé une formulaire avec un générateur de formulaire.
ce générateur n'intègre pas la fonction "comparaison entre 2 champs".
J'aurais besoin de cette fonction pour valider ou pas, le mail du client.
Donc si les 2 champs où l'on rentre son adresse mail sont identiques, le formulaire est accepté.
En effet les clients se trompent souvent en tapant leurs adresses, le fait de la taper 2 fois, ça leur permettrai de se rendre compte eux-même de leur faute de frappe.
Le générateur de formulaire génere 4 fichiers dont je peux vous donner le contenu de chacun si vous en avez besoin :
envoi.php, mimemail.php, formulaire.html, formulaire.js
Je vous remercie d'avance
Messages postés
1123
Date d'inscription
mardi 8 janvier 2002
Statut
Modérateur
Dernière intervention
21 avril 2009
1
dans ton <form action=".." method=".." onsubmit="checkEmail();">

du coup dans la partie javascript de ton header, tu fait une fonction checkEmail, dans tes deux champs emails <input type="text" id="email1" et "email2" et tu fait if (document.getElementById("email1").value != document.getElementById("email2")) { alert ("Les emails ne sont pas identiques !"); return false; }

et ca devrait etre bon (si j'ai pas fait d'erreurs, moi et le javascript c'est moyen :p)
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

Je te remercie de ta reponse et je comprend qu'il me faut rajouter la fonction checkEmail dans mon head pour la declarer puis de la placer en détail à l'endroit voulu dans le formulaire. Le problème est que j'ai 4 fichiers et je suis un peu, voir bcp perdu.
Comme tu peux le voir, je suis pas a l'aise du tout en php - javascript, est-il possible de placer mes fichiers en ftp ou c'est interdit?
Messages postés
1123
Date d'inscription
mardi 8 janvier 2002
Statut
Modérateur
Dernière intervention
21 avril 2009
1
Comment ca les placer en ftp serait interdit ? tu veux nous donner acces à tes fichiers c'est ca ?

Si oui tu peux les mettres sur un ftp en effet mais il faudra les renommer en .txt car l'extension .php sera interprété par le serveur et on ne pourra pas lire dessus ! :/
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

je les ai zippé, meci de regarder ce "bordel"
http://nicodeud.free.fr/champs_email.zip
Messages postés
1123
Date d'inscription
mardi 8 janvier 2002
Statut
Modérateur
Dernière intervention
21 avril 2009
1
Tu part sur un générateur d'apres ce que tu a dit, ca fait un code impropre, inutile et trop remplis de choses moches (ya des tests que tu fait pas)

de plus, la validation du formulaire passe par une fonction qui n'est pas appelé ! (validForm)

Je te conseille de le faire toi même, tu y mettra peut-etre plus de temps et avec plus de difficultés, mais au moin tu sera ce que tu fait et tu ferra quelque chose de bien ! :)
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

merci mais ça je le sais, tu crois vraiment que vu ce cas là il n'y a pas moyen de modifier un peu la source.
Il me faut me obligatoirement me mettre dans la creation de formulaire???
Messages postés
1123
Date d'inscription
mardi 8 janvier 2002
Statut
Modérateur
Dernière intervention
21 avril 2009
1
vu ta source, elle est trop lourde pour ce que tu veux faire ! :/

Tu veux mettre quels champs ?
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

les 2 champs email y sont deja: "e-mail" et "e-mail à confirmer"
c'est juste rajouter la fonction "checkEmail" au bon endroit
je sais pas si tu te le sens mais si oui, merci d'avance
Messages postés
1123
Date d'inscription
mardi 8 janvier 2002
Statut
Modérateur
Dernière intervention
21 avril 2009
1
Nan, dans ton formulaire, tu veux quel champs au total (login, password, confirmation password, etc)
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

j'aimerai avoir ces champs là :
    Nom : *
    Prénom : *
    Votre e-mail : *
    Votre e-mail à confirmer : *
    Adresse :
    Code postal :
    Ville :
    Téléphone :
    Fax :
    Horaires de disponibilté :
    Sujet (parcelle, m-home, cpg car) + identifiant *
    Commentaires :
avec un message de remerciement au client et un retour reponses du formulaire à mon adresse.
et bien sur la possibilité de verifier les 2 fameux champs emails.
MERCI
Messages postés
1123
Date d'inscription
mardi 8 janvier 2002
Statut
Modérateur
Dernière intervention
21 avril 2009
1
ok je jeterai un oeil tout à l'heure
Messages postés
36
Date d'inscription
mercredi 5 septembre 2007
Statut
Membre
Dernière intervention
10 novembre 2008

ENCORE MERCI