begin process at 2012 02 09 16:47:08
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > FORMULAIRE DE CONTACT AVEC MASQUE DE SAISI, RECUPERATION DONNÉES, ENVOI MAIL DES DONNÉES + MAIL CONFIRMATION DE CONTACT

FORMULAIRE DE CONTACT AVEC MASQUE DE SAISI, RECUPERATION DONNÉES, ENVOI MAIL DES DONNÉES + MAIL CONFIRMATION DE CONTACT


 Information sur la source

Note :
4,5 / 10 - par 2 personnes
4,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Classé sous :envoi mailhtml, envoi mailconfirmation, recuperation, php, controle Niveau :Débutant Date de création :11/01/2008 Date de mise à jour :17/01/2008 13:50:32 Vu / téléchargé :17 422 / 2 163
Auteur : fifiriri123

Ecrire un message privé
Commentaire sur cette source (15)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
C'est la 1ère fois que je poste une source. Après bcp d'heures de W et bcp d'aide trouvé sur ce site, je vous transmets le résultat :

Formulaire complêt comprenant : contact.htm
- Menus déroulants (tous les départements de France, tous les pays du monde) avec incorporation de couleurs différentes à l'intérieur des options
- Boutons radio, champs texte (avec ou non limite de caratère), cases à cocher, mail
- Faire apparaître des boutons radio et/ou champ texte à partir d'un bouton radio
- Masque de saisi téléphone, date (adapté de iubito. Merci à lui)
fichier attaché : mask.js
- champs obligtoires (adapté de bultez avec vérification des champs et changment de couleur. Merci à lui)
fichier attaché : conform.js
- vérification validité du mail (adapté de iubito. Merci à lui)

Envoi des données : envoi.php
- récupère les variables de tous les champs du formulaire à partir du name ou id
- vérification des champs obligatoires (plus simple si on ne veut pas utiliser la solution de bultez)
- envoi d'un mail HTML qui contient les données classées (rangées)
- envoi d'un mail de confirmation au client de réception de sa demande (contenu modifiable avec possible de personnaliser son contenu)

Soit en tout 4 fichiers :
contact.htm
envoi.php
conform.js
mask.js

Voici le bilan de ce travail ! J'espère que d'autre pourrons en profiter car il a fallu un mois de travail pour réaliser et faire marcher tous ces éléments ensemble.

Source

  • PREMIERE ETAPE :
  • fichier contact.htm : Placer le code suivant dans un page que vous nommez contact.htm
  • <HTML>
  • <HEAD>
  • <TITLE></TITLE>
  • <script language="JavaScript" type="text/JavaScript">
  • <!--
  • function MM_openBrWindow(theURL,winName,features) { //v2.0
  • window.open(theURL,winName,features);
  • }//-->
  • </script>
  • <!--scipt pour le masque du numéro téléphone, date et mail-->
  • <script language="JavaScript1.2" src="masks.js"></script>
  • <script language="JavaScript1.2">
  • <!--//
  • var bShowTests = true;
  • var oResults =
  • {
  • "browser":
  • {
  • "userAgent": navigator.userAgent,
  • "appName": navigator.appName,
  • "appVersion": navigator.appVersion,
  • "appCodeName": navigator.appCodeName
  • },
  • "string": [],
  • "date": [],
  • "number": []
  • };
  • function writeOutput(v)
  • {
  • document.write(v + "<br />");
  • }
  • function updateResults(m, v, e)
  • {
  • if( m.value != e )
  • {
  • var i = oResults[m.type].length;
  • oResults[m.type][i] =
  • {
  • "supplied": v,
  • "value": m.value,
  • "expected": e,
  • "error": m.error.join("|"),
  • "mask": m.mask
  • };
  • }
  • }
  • function postResults()
  • {
  • if( oResults.string.length + oResults.date.length + oResults.number.length == 0 ) return alert("No errors to report!");
  • // form object
  • var oForm = document.frmReport;
  • // create serializer object
  • var oSerializer = new WddxSerializer();
  • // serialize WDDX packet
  • oForm.wddx.value = oSerializer.serialize(oResults);
  • oForm.submit();
  • }
  • function stringTest(v, m, e)
  • {
  • if( !bShowTests ) return false;
  • var oMask = new Mask(m);
  • writeOutput("<b>mask:</b> " + m);
  • writeOutput("<b>string:</b> " + v);
  • var n = oMask.format(v);
  • if( e != n ) document.write("<font color=red>");
  • writeOutput("<b>result:</b> " + n);
  • writeOutput("<b>expected:</b> " + e);
  • if( e != n ) document.write("</font>");
  • writeOutput("<b>error:</b> " + ((oMask.error.length == 0) ? "n/a" : oMask.error.join("<br>")));
  • writeOutput("");
  • updateResults(oMask, v, e);
  • }
  • function numberTest(v, m, e)
  • {
  • if( !bShowTests ) return false;
  • var oMask = new Mask(m, "number");
  • writeOutput("<b>mask:</b> " + m);
  • writeOutput("<b>string:</b> " + v);
  • var n = oMask.format(v);
  • if( e != n ) document.write("<font color=red>");
  • writeOutput("<b>result:</b> " + n);
  • writeOutput("<b>expected:</b> " + e);
  • if( e != n ) document.write("</font>");
  • writeOutput("<b>error:</b> " + ((oMask.error.length == 0) ? "n/a" : oMask.error.join("<br>")));
  • writeOutput("");
  • updateResults(oMask, v, e);
  • }
  • function dateTest(v, m, e)
  • {
  • if( !bShowTests ) return false;
  • var oMask = new Mask(m, "date");
  • writeOutput("<b>mask:</b> " + m);
  • writeOutput("<b>string:</b> " + v);
  • var n = oMask.format(v);
  • if( e != n ) document.write("<font color=red>");
  • writeOutput("<b>result:</b> " + n);
  • writeOutput("<b>expected:</b> " + e);
  • if( e != n ) document.write("</font>");
  • writeOutput("<b>error:</b> " + ((oMask.error.length == 0) ? "n/a" : oMask.error.join("<br>")));
  • writeOutput("");
  • updateResults(oMask, v, e);
  • }
  • function init()
  • {
  • document.monform.reset();
  • // Création du masque de téléphone ##.##.##.##.##
  • oStringMask = new Mask("##.##.##.##.##", "string");
  • // Associer la fonction oStringMask aux 2 champs "portable" et "fixe"
  • oStringMask.attach(document.monform.portable);
  • oStringMask.attach(document.monform.fixe);
  • // Création du masque de date jj/mm/aaaa
  • oDateMask = new Mask("dd/mm/yyyy", "date");
  • // Associer la fonction oDateMask au champs "date"
  • oDateMask.attach(document.monform.date);
  • // Création du masque number "$#,###.00"
  • oNumberMask = new Mask("$#,###.00", "number");
  • // Associer la fonction oNumberMask au champs "number"
  • oNumberMask.attach(document.monform.number);
  • }
  • //-->
  • </script>
  • <script type="text/javascript"src="ConForm.js">
  • <script type="text/javascript">
  • function ok()
  • {
  • alert ("tous les contrôles sont bons");
  • }
  • </script>
  • <!--script boutons actif/masqué-->
  • <script language="Javascript">
  • // ==================
  • // Activations - Désactivations
  • // ==================
  • function GereControle(Controleur, Controle, Masquer)
  • {
  • var objControleur = document.getElementById(Controleur);
  • var objControle = document.getElementById(Controle);
  • if (Masquer=='1')
  • objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
  • else
  • objControle.disabled=(objControleur.checked==true)?false:true;
  • return true;
  • }
  • </script>
  • <script language="JavaScript">
  • <!--
  • //PLF-http://www.jejavascript.net/
  • function valider()
  • {
  • var form_err = " "
  • //Remplacer partout dans ce script monform par le nom de votre formulaire
  • if ( document.monform.mail.value.length < 1)
  • {
  • form_err = "Email invalide ! - ";
  • }
  • if ( document.monform.mail.value == "votrenom@mail.com")
  • {
  • form_err = "Email invalide ! - ";
  • }
  • var verim = 0;
  • for (i=1; i<document.monform.mail.value.length -4; i++)
  • {
  • if ( document.monform.mail.value.charAt(i) == "@")
  • {
  • verim = 1;
  • }
  • }
  • if ( verim == 0)
  • {
  • form_err = "Email invalide ! - \n";
  • }
  • if ( document.monform.nom.value.length < 1)
  • {
  • form_err += "Veuillez entrer votre Nom. - \n";
  • }
  • if ( document.monform.prenom.value.length < 1)
  • {
  • form_err += "Veuillez entrer votre Prenom. - \n";
  • }
  • if ( document.monform.ville_actuelle.value.length < 1)
  • {
  • form_err += "Veuillez entrer votre ville. - \n";
  • }
  • //--> if(!form.case_a_cocher.checked) alert('Vous devez cocher la case !');
  • }
  • if ( form_err != " ")
  • {
  • alert(form_err);
  • return false;
  • }
  • return true
  • }
  • //-->
  • </script>
  • </head>
  • <!-- initialise le script pour les masques telephone, date, mail et nombre et pour le controle d'affichage des champs-->
  • <body onLoad="GereControle('derniere_classe','totalite','1'); GereControle('derniere_classe','arret','1'); GereControle('derniere_classe','derniere','1'); init(); ">
  • <p align="center">&nbsp;FICHE CONTACT</p>
  • <form action="envoi.php" method="post" name="monform" onSubmit="return (ConForm(this));">
  • <table width="599" border="0" cellpadding="0" cellspacing="0">
  • <tbody><tr bordercolor="1"><td align="center">* Champs Obligatoires</td>
  • <td bgcolor="#FFCACA" align="center"><strong> Votre identit&eacute; : </strong></td></tr>
  • <tr><td align="right" height="22" bgcolor="#E8E8E8">*</td>
  • <td width="433" colspan="2">
  • <input type=radio name="civil" lang="type:radio;erreur:- Merci de renseigner votre situation familiale;erreurfond:red;" value="Mme"/>Mme
  • <input type=radio name="civil" value="Mlle"/>Mlle
  • <input type=radio name="civil" value="Mr"/>Mr</tr>
  • <tr><td width="166" align="right" bgcolor="#E8E8E8"> *Nom :</td>
  • <td colspan="2">
  • <input size="30" name="nom" lang="erreurfond:#FF0000;mini:2;maxi:30;type:obligatoire;erreur:- Merci de mettre votre Nom" /></tr>
  • <tr><td width="166" align="right" bgcolor="#E8E8E8"> *Pr&eacute;nom :</td>
  • <td>
  • <input size="30" name="prenom" lang="nom:;erreurfond:#FF0000;mini:2; maxi:30;type:obligatoire;erreur:- Merci de mettre votre Pr&eacute;nom"/></tr>
  • <tr><td align="right" bgcolor="#E8E8E8"> *Date de naissance :</td>
  • <td>
  • <select name="jour_naissance" lang="erreurfond:#FF0000;type:liste;erreur:- Renseigner votre jour de naissance" size="1">
  • <!-- option vide permet de laisser un champ vide en premier -->
  • <option>
  • <option>01<option>02<option>03<option>04<option>05<option>06<option>07<option>08<option>09<option>10<option>11
  • <option>12<option>13<option>14<option>15<option>16<option>17<option>18<option>19<option>20<option>21<option>22
  • <option>23<option>24<option>25<option>26<option>27<option>28<option>29<option>30<option>31
  • </option></select>
  • <select name="mois_naissance" lang="erreurfond:#FF0000;type:liste;erreur:- Renseigner votre mois de naissance" size="1">
  • <!-- option vide permet de laisser un champ vide en premier -->
  • <option>
  • <option>Janvier<option>F&eacute;vrier<option>Mars<option>Avril<option>Mai<option>Juin<option>Juillet<option>Aout
  • <option>Septembre<option>Octobre<option>Novembre<option>D&eacute;cembre
  • </option></select>
  • <select name="annee_naissance" lang="erreurfond:#FF0000;type:liste;erreur:- Renseigner votre ann&eacute;e de naissance" size="1">
  • <!-- option vide permet de laisser un champ vide en premier -->
  • <option>
  • <option>1960<option>1961<option>1962<option>1963<option>1964<option>1965<option>1966<option>1967<option>1968
  • <option>1969<option>1970<option>1971<option>1972<option>1973<option>1974<option>1975<option>1976<option>1977
  • <option>1978<option>1979<option>1980<option>1981<option>1982<option>1983<option>1984<option>1985<option>1986
  • <option>1987<option>1988<option>1989<option>1990<option>1991<option>1992<option>1993<option>1994<option>1995
  • </option></select></tr>
  • <tr bordercolor="1"><td align="right" bgcolor="#E8E8E8">Ville de naissance :</td>
  • <td><input name="ville_naissance" value="" size="50" maxlength="50" /></tr>
  • <tr bordercolor="1"><td align="right" bgcolor="#E8E8E8">D&eacute;partement de naissance :</td><td><p>
  • <select name="departement_naissance" size="1">
  • <option selected>Département<option>01 - Ain<option> 02 - Aisne<option> 03 - Allier
  • <option> 04 - Alpes de Haute Provence<option> 05 - Hautes Alpes<option> 06 - Alpes Maritimes
  • <option> 07 - Ardeche<option> 08 - Ardennes<option> 09 - Ariege<option> 10 - Aube<option> 11 - Aude
  • <option> 12 - Aveyron<option> 13 - Bouches du Rhone<option> 14 - Calvados<option> 15 - Cantal
  • <option> 16 - Charente<option> 17 - Charente Maritime<option> 18 - Cher<option> 19 - Correze
  • <option> 20 - Corse<option> 21 - Cote d'Or<option> 22 - Cotes d'Armor<option> 23 - Creuse
  • <option> 24 - Dordogne<option> 25 - Doubs<option> 26 - Drome<option> 27 - Eure<option> 28 - Eure et Loir
  • <option> 29 - Finistere<option> 30 - Gard<option> 31 - Haute Garonne<option> 32 - Gers<option> 33 - Gironde
  • <option> 34 - Herault<option> 35 - Ille et Vilaine<option> 36 - Indre<option> 37 - Indre et Loire
  • <option> 38 - Isere<option> 39 - Jura<option> 40 - Landes<option> 41 - Loir et Cher<option> 46 - Lot
  • <option> 47 - Lot et Garonne<option> 48 - Lozere<option> 49 - Maine et Loire<option> 50 - Manche
  • <option> 51 - Marne<option> 52 - Haute Marne<option> 53 - Mayenne<option> 54 - Meurthe et Moselle
  • <option> 55 - Meuse<option> 56 - Morbihan<option> 57 - Moselle<option> 58 - Nievre<option> 59 - Nord
  • <option> 60 - Oise<option> 61 - Orne<option> 62 - Pas de Calais<option> 63 - Puy de Dome
  • <option> 64 - Pyrenees Atlantiques<option> 65 - Hautes Pyrenees<option> 66 - Pyrenees Orientales
  • <option> 67 - Bas Rhin<option> 68 - Haut Rhin<option> 69 - Rhone<option> 70 - Haute Saone
  • <option> 71 - Saone et Loire<option> 72 - Sarthe<option> 73 - Savoie<option> 74 - Haute Savoie
  • <option> 75 - Paris<option> 76 - Seine Maritime<option> 77 - Seine et Marne<option> 78 - Yvelines
  • <option> 79 - Deux Sevres<option> 80 - Somme<option> 81 - Tarn<option> 82 - Tarn et Garonne<option>83 - Var
  • <option> 84 - Vaucluse<option> 85 - Vendee<option> 86 - Vienne<option> 87 - Haute Vienne<option> 88 - Vosges
  • <option> 89 - Yonne<option> 90 - Territoire de Belfort<option> 91 - Essonne<option> 92 - Hauts de Seine
  • <option> 93 - Seine Saint denis<option> 94 - Val de Marne<option> 95 - Val d'Oise</option>
  • </select></p></tr>
  • <tr bordercolor="1"><td height="24" align="right" bgcolor="#E8E8E8"> Pays de naissance :</td>
  • <td><select name="pays_naissance" size="1">
  • <option selected>Pays<option>France<option>Afghanistan<option>Afrique du Sud<option>Albanie<option>Algérie
  • <option>Allemagne<option> Andorre<option>Angola<option>Anguilla<option>Antarctique<option>Antigua-et-Barbuda
  • <option>Antilles néerlandaises<option> Arabie saoudite<option>Argentine<option>Arménie<option>Aruba<option>Australie
  • <option>Autriche<option>Azerbaïdjan<option> Bénin<option>Bahamas<option>Bahreïn<option>Bangladesh<option>Barbade
  • <option>Belau<option>Belgique<option>Belize<option>Bermudes<option>Bhoutan<option>Biélorussie<option>Birmanie
  • <option>Bolivie <option> Bosnie-Herzégovine<option>Botswana<option>Brésil<option>Brunei<option>Bulgarie
  • <option>Burkina Faso<option>Burundi<option>Côte d'Ivoire<option>Cambodge<option> Cameroun<option>Canada<option>Cap-Vert
  • <option>Chili<option>Chine<option>Chypre<option>Colombie<option>Comores<option>Congo<option> Corée du Nord<option>Corée du Sud
  • <option>Costa Rica<option>Croatie<option>Cuba<option>Danemark<option>Djibouti<option>Dominique<option>Égypte
  • <option>Émirats arabes unis<option>Équateur<option>Érythrée<option>Espagne<option>Estonie<option>États-Unis<option>Éthiopie
  • <option>Finlande<option>France<option>Géorgie<option>Gabon<option>Gambie<option>Ghana<option>Gibraltar<option>Grèce<option>Grenade
  • <option>Groenland<option>Guadeloupe<option>Guam<option>Guatemala<option>Guinée<option>Guinée équatoriale<option>Guinée-Bissao
  • <option>Guyana<option>Guyane française<option>Haïti<option>Honduras<option>Hong Kong<option>Hongrie<option>Ile Bouvet
  • <option>Ile Christmas<option>Ile Norfolk<option>Iles Cayman<option>Iles Cook<option>Iles Féroé<option>Iles Falkland
  • <option>Iles Fidji<option>Iles Géorgie du Sud et Sandwich du Sud<option>Iles Heard et McDonald<option>Iles Marshall
  • <option>Iles Pitcairn<option>Iles Salomon<option>Iles Svalbard et Jan Mayen<option>Iles Turks-et-Caicos
  • <option>Iles Vierges américaines<option> Iles Vierges britanniques<option>Iles des Cocos (Keeling)
  • <option>Iles mineures éloignées des États-Unis<option>Inde<option>Indonésie<option>Iran<option>Iraq<option>Irlande<option>Islande
  • <option>Israël<option>Italie<option>Jamaïque<option>Japon<option>Jordanie<option>Kazakhstan<option>Kenya<option>Kirghizistan
  • <option>Kiribati<option>Koweït<option>Laos<option>Lesotho<option>Lettonie<option>Liban<option>Liberia<option>Libye
  • <option>Liechtenstein<option>Lituanie<option>Luxembourg<option>Macao<option>Madagascar<option>Malaisie<option>Malawi<option>Maldives
  • <option>Mali<option>Malte<option>Mariannes du Nord<option>Maroc<option>Martinique<option>Maurice<option>Mauritanie<option>Mayotte
  • <option>Mexique<option>Micronésie<option>Moldavie<option>Monaco<option>Mongolie<option>Montserrat<option>Mozambique<option>Népal
  • <option>Namibie<option>Nauru<option>Nicaragua<option>Niger<option>Nigeria<option>Nioué<option>Norvège<option>Nouvelle-Calédonie
  • <option>Nouvelle-Zélande<option>Oman<option>Ouganda<option>Ouzbékistan<option>Pérou<option>Pakistan<option>Panama
  • <option>Papouasie-Nouvelle-Guinée Paraguay<option>Pays-Bas<option>Philippines<option>Pologne<option>Polynésie française
  • <option>Porto Rico<option>Portugal<option> Qatar<option>République centrafricaine<option>République démocratique du Congo
  • <option>République dominicaine<option>République tchèque<option>Réunion<option>Roumanie<option>Royaume-Uni<option>Russie
  • <option>Rwanda<option>Sénégal<option>Sahara occidental <option>Saint-Christophe-et-Niévès<option>Saint-Marin
  • <option>Saint-Pierre-et-Miquelon<option>Saint-Siège<option>Saint-Vincent-et-les-Grenadines<option>Sainte-Hélène<option>Sainte-Lucie
  • <option>Salvador<option>Samoa<option>Samoa américaines<option>Sao Tomé-et-Principe<option>Seychelles<option>Sierra Leone
  • <option>Singapour<option>Slovénie<option>Slovaquie<option>Somalie<option>Soudan<option>Sri Lanka<option>Suède<option>Suisse
  • <option>Suriname<option>Swaziland<option>Syrie<option>Taïwan<option>Tadjikistan<option>Tanzanie<option>Tchad
  • <option>Terres australes françaises<option>Territoire britannique de l'Océan Indien<option>Thaïlande<option>Timor Oriental
  • <option>Togo<option>Tokélaou<option>Tonga<option>Trinité-et-Tobago<option>Tunisie<option>Turkménistan<option>Turquie<option>Tuvalu
  • <option>Ukraine<option>Uruguay<option>Vanuatu<option>Venezuela<option>Viêt Nam<option>Wallis-et-Futuna<option>Yémen
  • <option>Yougoslavie<option>Zambie<option>Zimbabwe<option>ex-République yougoslave de Macédoine
  • </option></select></tr></tbody></table>
  • <table width="597" border="0" cellspacing="0"><tbody><tr>
  • <td align="center">* Champs Obligatoires</td>
  • <td bgcolor="#FFCACA" align="center"><b> Vos coordonn&eacute;es : </b></td></tr>
  • <tr><td width="166" align="right" bgcolor="#E8E8E8">*Num&eacute;ro :</td>
  • <td width="431" colspan="2" ><input size="3" name="numero" lang="nom:;erreurfond:#FF0000;mini:1; maxi:3;type:obligatoire;erreur:- Merci de mettre le num&eacute;ro de votre voie" maxlength="3"/>
  • *Type Voie :
  • <select name="voie" lang="erreurfond:#FF0000;type:liste;erreur:- Renseigner le type de voie" size="1" >
  • <option>
  • <option>Avenue<option>Boulevard<option>Chemin<option>Faubourg<option>Impasse<option>Hameau<option>Lieu-dit
  • <option>Lotissement<option>Place<option>Quai<option>Route<option>Rue<option>Square
  • </option></select></tr>
  • <tr><td width="166" align="right" bgcolor="#E8E8E8"> *Adresse :</td><td><p>
  • <input name="adresse" value="" lang="nom:;erreurfond:#FF0000;mini:1; maxi:50;type:obligatoire;erreur:- Merci de mettre votre adresse" size="50" maxlength="50"/></p></tr>
  • <tr><td width="166" align="right" bgcolor="#E8E8E8"> *Code Postal :</td><td><p>
  • <input size="5" name="code_postal" lang="nom:;erreurfond:#FF0000;mini:1;maxi:5;type:obligatoire;erreur:- Merci de mettre votre code postal" maxlength="5" /></p></tr>
  • <tr><td align="right" bgcolor="#E8E8E8">*Ville :</td><td>
  • <input name="ville_actuelle" value="" size="50" lang="nom:;erreurfond:#FF0000;mini:1; maxi:50;type:obligatoire;erreur:- Merci de mettre votre ville" maxlength="50"/></tr>
  • <tr><td align="right" bgcolor="#E8E8E8"> T&eacute;l&eacute;phone Fixe : </td><td><p>
  • <input type="text" name="fixe" value="" /></p></tr>
  • <tr><td align="right" bgcolor="#E8E8E8"> T&eacute;l&eacute;phone Portable : </td><td><p>
  • <input type="text" name="portable" value="" />
  • </p></tr>
  • <tr><td align="right" bgcolor="#E8E8E8"> Adresse Mail :</td><td><p>
  • <input name="mail" value="" lang="type:mail;erreur:- Merci de mettre une adresse mail valide" size="50" maxlength="50"/>
  • </p></tr></tbody></table>
  • <table width="597" border="0" cellpadding="0" cellspacing="0"><tbody>
  • <tr><td align="center">* Champs Obligatoires
  • <td bgcolor="#FFCACA" align="center"><b> Votre scolarit&eacute; actuelle : </b></td></tr>
  • <tr><td width="163" height="28" bgcolor="#E8E8E8" align="right">*Classe fr&eacute;quent&eacute;e : </td>
  • <td>
  • <input type="radio" id="classe_actuelle" name="scolarite" value="Classe fr&eacute;quent&eacute;e actuellement"
  • onClick="GereControle('derniere_classe','totalite','1');GereControle('derniere_classe','arret','1');GereControle('derniere_classe','derniere','1');" lang="type:radio;erreur:- Merci de renseigner votre scolarit&eacute; actuelle;erreurfond:red;"/>
  • Classe fr&eacute;quent&eacute;e actuellement
  • <br>
  • <input type="radio" id="derniere_classe" name="scolarite" value="Derni&egrave;re Classe fr&eacute;quent&eacute;e"
  • onClick="GereControle('derniere_classe','totalite','1');GereControle('derniere_classe','arret','1');GereControle('derniere_classe','derniere','1');" />
  • Derni&egrave;re classe fr&eacute;quent&eacute;e</td></br>
  • <tr><td width="163" height="50" bgcolor="#E8E8E8"></td>
  • <td><p align="center">
  • <select id="origine_scolaire" name="origine_scolaire" lang="erreurfond:#FF0000;type:liste;erreur:- Mettre votre classe fr&eacute;quent&eacute;e">
  • <option></option>
  • <option style="color:#990000;background-color:#FFFFC1">CLASSES COLLEGE</option>
  • <option>... 6&egrave;me</option><option>... 5&egrave;me</option><option>... 4&egrave;me</option><option>... 3&egrave;me</option>
  • <option style="color:#990000;background-color:#FFFFC1">CLASSES LYCEE GENERAL/TECHNO</option>
  • <option>... Seconde</option><option>... 1&egrave;re</option><option>... Terminale</option>
  • <option style="color:#990000;background-color:#FFFFC1">CLASSES PROFESSIONNELLES</option>
  • <option>... 1&egrave;re ann&eacute;e CAP</option><option>... 1&egrave;re ann&eacute;e BEP</option>
  • <option>.. Terminale CAP</option><option>.. Terminale BEP</option><option>... Bac Professionnel</option><option>Autres
  • </option></select>
  • </p>
  • <p>Si Autres, Pr&eacute;cisez :
  • <input type="text" name="autres" maxlength="50" size="50" /></p></tr>
  • <tr><td width="163" height="66" bgcolor="#E8E8E8"></td>
  • <td><p><span id="derniere" >Ann&eacute;e
  • <input type="text" name="derniere_annee" maxlength="4" size="4" ><br></span>
  • <span id="totalite"><input type="radio" id="totalite" name="scolarite_actuelle" value="en totalité en">
  • Classe fr&eacute;quent&eacute;e en totalit&eacute; <br />
  • <input type="radio" id="arret" name="scolarite_actuelle" value="arrêtée en cours d'année en">
  • Arr&ecirc;t de la scolarit&eacute; en cours d'ann&eacute;e &nbsp;&nbsp;</span></p></tr></tbody></table>
  • <table width="597" height="132" border="0" cellpadding="0" cellspacing="0">
  • <tbody><tr><td height="19" align="right">
  • <td bgcolor="#FFCACA" align="center"><b> Votre Demande : </b></td></tr>
  • <tr><td width="166" height="63" align="right" bgcolor="#E8E8E8"> Documentation : </td>
  • <td><input type="checkbox" name="documentation" value="demande de documentation"/>
  • Une demande de documentation
  • <br>
  • <input type="checkbox" name="documentation_deux" value="demande de liste de ma&icirc;tres d'apprentissage"/>
  • Vous souhaitez que l'on vous envoie une liste de ma&icirc;tres d'apprentissage</td>
  • <tr><td height="24" align="right" bgcolor="#E8E8E8"></td>
  • <td><p> Votre demande conserne quelle ann&eacute;e scolaire ?
  • <select id="annee_scolaire" name="annee_scolaire">
  • <option>2007/2008</option><option>2008/2009</option><option>2009/2010
  • </option></select>
  • </p></tr></br>
  • <tr><td height="7" align="right" bgcolor="#E8E8E8"> Formations souhait&eacute;es : </td>
  • <td>
  • <select name="choix_un">
  • <option></option>
  • <option style="color:#990000;background-color:#FFFFC1">BOUCHER</option>
  • <option>...CAP Boucher</option><option>...BEP Boucher</option>
  • <option style="color:#990000;background-color:#FFFFC1">COIFFURE</option>
  • <option>...CAP Coiffure</option><option>...MC Coiffure</option><option>....BP Coiffure</option>
  • </select></tr></tbody></table>
  • <p align="center">Observations ou Remarques :<br>
  • <textarea name="observations" cols="50" rows="5"></textarea></p>
  • <p align="center"></br>
  • <br>
  • <input name="submit" type="submit" value=" Envoyer "/>
  • <input name="reset" type="reset" value=" Annuler "/></p></br>
  • </form>
  • </BODY></HTML>
  • DEUXIEME ETAPE : Fichier envoi.php
  • Code suivant à placer dans une page que vous appellerez envoi.php :
  • <?php
  • // Information qui apparaittra si les champs obligatoires ne sont pas remplis
  • $msg_erreur = "Erreur. Les champs suivants doivent être obligatoirement remplis :<br/><br/>";
  • // Information qui apparaittra si les 2 messages ont bien été envoyé
  • $msg_ok = "Votre demande a bien été prise en compte. Elle sera traitée dans les meilleurs délais.\nUn mail de confirmation vous a été envoyé.";
  • $message = $msg_erreur;
  • define('MAIL_DESTINATAIRE','votremail@votredomaine.com'); // remplacer par votre email
  • define('MAIL_SUJET','Objet du mail'); // remplacer l'objet du mail qui sera envoyé
  • // vérification des champs obligatoires (doublon avec le script si des champs obligatoires incorporés dans le formulaire)
  • if (empty($_POST['nom']))
  • $message .= "Votre nom<br/>";
  • if (empty($_POST['prenom']))
  • $message .= "Votre prenom<br/>";
  • if (strlen($message) > strlen($msg_erreur)) {
  • echo $message;
  • // sinon c'est ok
  • } else {
  • foreach($_POST as $index => $valeur) {
  • $$index = stripslashes(trim($valeur));
  • }
  • //Préparation de l'entête du mail:
  • $mail_entete = "MIME-Version: 1.0\r\n";
  • $mail_entete .= "From: {$_POST['nom']} "
  • ."<{$_POST['mail']}>\r\n";
  • $mail_entete .= 'Reply-To: '.$_POST['mail']."\r\n";
  • $mail_entete .= 'Content-Type: text/plain; charset="iso-8859-1"';
  • $mail_entete .= "\r\nContent-Transfer-Encoding: 8bit\r\n";
  • $mail_entete .= 'X-Mailer:PHP/' . phpversion()."\r\n";
  • // Préparation du corps du mail
  • // Remplacer le nom des variables suivantes par les noms de vos variables (name ou id) du formulaire
  • // Utiliser \n pour aller à la ligne
  • $mail_corps = "Demande de : $civil $nom $prenom\n";
  • $mail_corps .= "Date de naissance : $jour_naissance/$mois_naissance/$annee_naissance\n";
  • $mail_corps .= "Ville de naissance : $ville_naissance\n";
  • $mail_corps .= "Département de naissance : $departement_naissance\n";
  • $mail_corps .= "Pays de naissance : $pays_naissance\n\n";
  • $mail_corps .= "Renseigements sur l'adresse de $nom $prenom : \n";
  • $mail_corps .= "Adresse : $numero $voie $adresse $code_postal $ville_actuelle\n";
  • $mail_corps .= "Téléphone Fixe : $fixe\n";
  • $mail_corps .= "Téléphone Portable : $portable\n";
  • $mail_corps .= "Mail : $mail\n\n";
  • $mail_corps .= "Renseigements sur la scolarité : \n";
  • // Ligne suivante, besoin de mettre le nom de "id" et du "name" pour afficher correctement les "value" des boutons radio
  • $mail_corps .= "Scolarité effectuée : $scolarite $classe_actuelle $scolarite_actuelle $totalite $arret $derniere_annee\n";
  • $mail_corps .= "Origine scolaire : $origine_scolaire $autres\n\n";
  • $mail_corps .= "Renseigements sur la ou les formation(s) souhaitée(s) au CFA :\n";
  • $mail_corps .= "Demande faite pour l'année scolaire : $annee_scolaire\n";
  • $mail_corps .= "1er souhait de formation : $choix_un\n";
  • $mail_corps .= "2eme souhait de formation : $choix_deux\n";
  • $mail_corps .= "3eme souhait de formation : $choix_trois\n";
  • $mail_corps .= "Documentation(s) souhaitée(s) : $documentation $documentation_deux\n\n";
  • $mail_corps .= "Observation : $observations\n\n";
  • // envoi du mail
  • if (mail(MAIL_DESTINATAIRE,MAIL_SUJET,$mail_corps,$mail_entete)) {
  • //Le mail est bien expédié
  • echo $msg_ok;
  • } else {
  • //Le mail n'a pas été expédié
  • echo 'Une erreur est survenue lors de l\'envoi du formulaire par email';
  • }
  • }
  • // Message de confirmation de reception de demande
  • // ---------------------------
  • /* Objet */ // Mettre votre nom de domaine
  • $subject = "Confirmation de votre demande sur www.domaine.com";
  • /* additional header pieces for errors, From cc's, bcc's, etc */
  • // Adresse mail (variable du formulaire contact)
  • $headers = "From: $mail <$mail>\n";
  • // Remplacer le mail suivant par votre mail
  • $headers .= "X-Sender: <votremail@votredomaine.com>\n";
  • $headers .= "X-Mailer: PHP\n"; // mailer
  • $headers .= "X-Priority: 1\n"; // Urgent message!
  • // Remplacer le mail suivant par votre mail
  • $headers .= "Return-Path: Sales <votremail@votredomaine.com>\n"; // Return errors
  • /* recipients */
  • $recipient = $mail;
  • /* message */
  • // Remplacer le contenu du message suivant par celui qui vous convient
  • // Vous pouvez à l'intérieur de celui-ci rappeller les variables en mettant $nom etc...
  • $message = "Bonjour $prenom $nom
  • Merci pour votre message.
  • Nous traiterons votre demande dans les plus bref delais.
  • Cordialement.
  • Rappel de vos informations personnelles:
  • ------------------------------
  • Votre nom: $nom
  • Votre addresse: $prenom
  • Votre ville de residence : $ville
  • votre Email: $mail
  • Votre message: $observations
  • Si vous recevez ce mail par erreur, merci de nous contactez au plus vite
  • par email : votremail@votredomaine.com
  • A tres bientot http://www.votredomaine.com
  • -------------------------------
  • ";
  • mail($recipient, $subject, $message, $headers);
  • ?>
  • Si vous souhaitez conserver que envoi.php modifiez bien tous les variables pour qu'ils correspondent aux votres.
  • Volontairement, je ne transmettrais pas les sources des fichiers marsk.js et conform.js (sauf dans le ZIP) car il suffit de faire une recherche sur ce site http://www.javascriptfr.com pour les retrouver facilement avec les coordonnées de leur auteur. 
PREMIERE ETAPE :

fichier contact.htm : Placer le code suivant dans un page que vous nommez contact.htm

<HTML>
<HEAD>

<TITLE></TITLE>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}//-->
</script>

<!--scipt pour le masque du numéro téléphone, date et mail-->
<script language="JavaScript1.2" src="masks.js"></script>

<script language="JavaScript1.2">
<!--//
var bShowTests = true;
var oResults = 
{
"browser": 
	{
	"userAgent": navigator.userAgent,
	"appName": navigator.appName,
	"appVersion": navigator.appVersion,
	"appCodeName": navigator.appCodeName
	},
"string": [],
"date": [],
"number": []
};
	
function writeOutput(v)
{
document.write(v + "<br />");
}
	
function updateResults(m, v, e)
{
if( m.value != e )
	{
	var i = oResults[m.type].length;
			oResults[m.type][i] = 
			{
			"supplied": v,
			"value": m.value,
			"expected": e,
			"error": m.error.join("|"),
			"mask": m.mask
			};
		}
	}
	
function postResults()
{
if( oResults.string.length + oResults.date.length + oResults.number.length == 0 ) return alert("No errors to report!");
// form object
var oForm = document.frmReport;
// create serializer object
var oSerializer = new WddxSerializer();
// serialize WDDX packet
oForm.wddx.value = oSerializer.serialize(oResults);
oForm.submit();
}

function stringTest(v, m, e)
{
if( !bShowTests ) return false;
var oMask = new Mask(m);
writeOutput("<b>mask:</b> "  + m);
writeOutput("<b>string:</b> " + v);
var n = oMask.format(v);
if( e != n ) document.write("<font color=red>");
writeOutput("<b>result:</b> " + n);
writeOutput("<b>expected:</b> " + e);
if( e != n ) document.write("</font>");
writeOutput("<b>error:</b> " + ((oMask.error.length == 0) ? "n/a" : oMask.error.join("<br>")));
writeOutput("");
updateResults(oMask, v, e);
}

function numberTest(v, m, e)
{
if( !bShowTests ) return false;
var oMask = new Mask(m, "number");
writeOutput("<b>mask:</b> "  + m);
writeOutput("<b>string:</b> " + v);
var n = oMask.format(v);
if( e != n ) document.write("<font color=red>");
writeOutput("<b>result:</b> " + n);
writeOutput("<b>expected:</b> " + e);
if( e != n ) document.write("</font>");
writeOutput("<b>error:</b> " + ((oMask.error.length == 0) ? "n/a" : oMask.error.join("<br>")));
writeOutput("");
updateResults(oMask, v, e);
}

function dateTest(v, m, e)
{
if( !bShowTests ) return false;
var oMask = new Mask(m, "date");
writeOutput("<b>mask:</b> "  + m);
writeOutput("<b>string:</b> " + v);
var n = oMask.format(v);
if( e != n ) document.write("<font color=red>");
writeOutput("<b>result:</b> " + n);
writeOutput("<b>expected:</b> " + e);
if( e != n ) document.write("</font>");
writeOutput("<b>error:</b> " + ((oMask.error.length == 0) ? "n/a" : oMask.error.join("<br>")));
writeOutput("");
updateResults(oMask, v, e);
}

function init()
{
document.monform.reset();
// Création du masque de téléphone ##.##.##.##.##
oStringMask = new Mask("##.##.##.##.##", "string");
	
// Associer la fonction oStringMask aux 2 champs "portable" et "fixe"
oStringMask.attach(document.monform.portable);
oStringMask.attach(document.monform.fixe);
		
// Création du masque de date jj/mm/aaaa
oDateMask = new Mask("dd/mm/yyyy", "date");
		
// Associer la fonction oDateMask au champs "date"
oDateMask.attach(document.monform.date);
		
// Création du masque number "$#,###.00"
oNumberMask = new Mask("$#,###.00", "number");
		
// Associer la fonction oNumberMask au champs "number"
oNumberMask.attach(document.monform.number);
}
//-->
</script>
	
<script	type="text/javascript"src="ConForm.js">
			
<script type="text/javascript">
function ok()
{ 
alert ("tous les contrôles sont bons"); 
}
</script>

<!--script boutons actif/masqué-->
<script language="Javascript">
// ==================
//	Activations - Désactivations
// ==================
function GereControle(Controleur, Controle, Masquer) 
{
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
if (Masquer=='1')
objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
else
objControle.disabled=(objControleur.checked==true)?false:true;
return true;
}
</script>

<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/

function valider() 
{
var form_err = " "
//Remplacer partout dans ce script monform par le nom de votre formulaire
if ( document.monform.mail.value.length < 1) 
     {
     form_err = "Email invalide ! - ";
     }
if ( document.monform.mail.value == "votrenom@mail.com") 
     {
     form_err = "Email invalide ! - ";
     }
var verim = 0;
for (i=1; i<document.monform.mail.value.length -4; i++) 
     {
if ( document.monform.mail.value.charAt(i) == "@") 
          {
           verim = 1;
          }
     } 
if ( verim == 0) 
     {
     form_err = "Email invalide ! - \n";
     } 
if ( document.monform.nom.value.length < 1) 
     {
     form_err += "Veuillez entrer votre Nom. - \n";
     }
if ( document.monform.prenom.value.length < 1) 
     {
     form_err += "Veuillez entrer votre Prenom. - \n";
     } 
if ( document.monform.ville_actuelle.value.length < 1) 
     {
form_err += "Veuillez entrer votre ville. - \n";
     } 
//--> if(!form.case_a_cocher.checked) alert('Vous devez cocher la case !');
} 
if ( form_err != " ") 
{
alert(form_err);
return false;
}
return true 
}
//-->
</script>

</head>

<!-- initialise le script pour les masques telephone, date, mail et nombre et pour le controle d'affichage des champs-->

<body onLoad="GereControle('derniere_classe','totalite','1'); GereControle('derniere_classe','arret','1'); GereControle('derniere_classe','derniere','1'); init(); ">   
 
<p align="center">&nbsp;FICHE CONTACT</p>

<form action="envoi.php" method="post" name="monform" onSubmit="return (ConForm(this));">

<table width="599" border="0" cellpadding="0" cellspacing="0">
<tbody><tr bordercolor="1"><td align="center">* Champs Obligatoires</td>
<td bgcolor="#FFCACA" align="center"><strong> Votre identit&eacute; : </strong></td></tr>
		
<tr><td align="right" height="22" bgcolor="#E8E8E8">*</td>
<td width="433" colspan="2">
<input type=radio name="civil" lang="type:radio;erreur:- Merci de renseigner votre situation familiale;erreurfond:red;" value="Mme"/>Mme
<input type=radio name="civil" value="Mlle"/>Mlle
<input type=radio name="civil" value="Mr"/>Mr</tr>
	  
<tr><td width="166" align="right" bgcolor="#E8E8E8"> *Nom :</td>
<td colspan="2">
<input size="30" name="nom" lang="erreurfond:#FF0000;mini:2;maxi:30;type:obligatoire;erreur:- Merci de mettre votre Nom" /></tr>
      
<tr><td width="166" align="right" bgcolor="#E8E8E8"> *Pr&eacute;nom :</td>
<td>
<input size="30" name="prenom" lang="nom:;erreurfond:#FF0000;mini:2;	maxi:30;type:obligatoire;erreur:- Merci de mettre votre Pr&eacute;nom"/></tr>

<tr><td align="right" bgcolor="#E8E8E8"> *Date de naissance :</td>        
<td>
<select name="jour_naissance" lang="erreurfond:#FF0000;type:liste;erreur:- Renseigner votre jour de naissance" size="1">
<!-- option vide permet de laisser un champ vide en premier --> 
<option>
<option>01<option>02<option>03<option>04<option>05<option>06<option>07<option>08<option>09<option>10<option>11
<option>12<option>13<option>14<option>15<option>16<option>17<option>18<option>19<option>20<option>21<option>22
<option>23<option>24<option>25<option>26<option>27<option>28<option>29<option>30<option>31
</option></select>
		
<select name="mois_naissance" lang="erreurfond:#FF0000;type:liste;erreur:- Renseigner votre mois de naissance" size="1">
<!-- option vide permet de laisser un champ vide en premier --> 
<option>  
<option>Janvier<option>F&eacute;vrier<option>Mars<option>Avril<option>Mai<option>Juin<option>Juillet<option>Aout
<option>Septembre<option>Octobre<option>Novembre<option>D&eacute;cembre
</option></select>
			
<select name="annee_naissance" lang="erreurfond:#FF0000;type:liste;erreur:- Renseigner votre ann&eacute;e de naissance" size="1">
<!-- option vide permet de laisser un champ vide en premier --> 
<option>
<option>1960<option>1961<option>1962<option>1963<option>1964<option>1965<option>1966<option>1967<option>1968
<option>1969<option>1970<option>1971<option>1972<option>1973<option>1974<option>1975<option>1976<option>1977
<option>1978<option>1979<option>1980<option>1981<option>1982<option>1983<option>1984<option>1985<option>1986
<option>1987<option>1988<option>1989<option>1990<option>1991<option>1992<option>1993<option>1994<option>1995
</option></select></tr>

<tr bordercolor="1"><td align="right" bgcolor="#E8E8E8">Ville de naissance :</td>
<td><input name="ville_naissance" value="" size="50" maxlength="50" /></tr>

<tr bordercolor="1"><td align="right" bgcolor="#E8E8E8">D&eacute;partement de naissance :</td><td><p>
<select name="departement_naissance" size="1">
<option selected>Département<option>01 - Ain<option> 02 - Aisne<option> 03 - Allier
<option> 04 - Alpes de Haute Provence<option> 05 - Hautes Alpes<option> 06 - Alpes Maritimes
<option> 07 - Ardeche<option> 08 - Ardennes<option> 09 - Ariege<option> 10 - Aube<option> 11 - Aude
<option> 12 - Aveyron<option> 13 - Bouches du Rhone<option> 14 - Calvados<option> 15 - Cantal
<option> 16 - Charente<option> 17 - Charente Maritime<option> 18 - Cher<option> 19 - Correze
<option> 20 - Corse<option> 21 - Cote d'Or<option> 22 - Cotes d'Armor<option> 23 - Creuse
<option> 24 - Dordogne<option> 25 - Doubs<option> 26 - Drome<option> 27 - Eure<option> 28 - Eure et Loir
<option> 29 - Finistere<option> 30 - Gard<option> 31 - Haute Garonne<option> 32 - Gers<option> 33 - Gironde
<option> 34 - Herault<option> 35 - Ille et Vilaine<option> 36 - Indre<option> 37 - Indre et Loire
<option> 38 - Isere<option> 39 - Jura<option> 40 - Landes<option> 41 - Loir et Cher<option> 46 - Lot
<option> 47 - Lot et Garonne<option> 48 - Lozere<option> 49 - Maine et Loire<option> 50 - Manche
<option> 51 - Marne<option> 52 - Haute Marne<option> 53 - Mayenne<option> 54 - Meurthe et Moselle
<option> 55 - Meuse<option> 56 - Morbihan<option> 57 - Moselle<option> 58 - Nievre<option> 59 - Nord
<option> 60 - Oise<option> 61 - Orne<option> 62 - Pas de Calais<option> 63 - Puy de Dome
<option> 64 - Pyrenees Atlantiques<option> 65 - Hautes Pyrenees<option> 66 - Pyrenees Orientales
<option> 67 - Bas Rhin<option> 68 - Haut Rhin<option> 69 - Rhone<option> 70 - Haute Saone
<option> 71 - Saone et Loire<option> 72 - Sarthe<option> 73 - Savoie<option> 74 - Haute Savoie
<option> 75 - Paris<option> 76 - Seine Maritime<option> 77 - Seine et Marne<option> 78 - Yvelines
<option> 79 - Deux Sevres<option> 80 - Somme<option> 81 - Tarn<option> 82 - Tarn et Garonne<option>83 - Var
<option> 84 - Vaucluse<option> 85 - Vendee<option> 86 - Vienne<option> 87 - Haute Vienne<option> 88 - Vosges
<option> 89 - Yonne<option> 90 - Territoire de Belfort<option> 91 - Essonne<option> 92 - Hauts de Seine
<option> 93 - Seine Saint denis<option> 94 - Val de Marne<option> 95 - Val d'Oise</option>
</select></p></tr>

<tr bordercolor="1"><td height="24" align="right" bgcolor="#E8E8E8"> Pays de naissance :</td>
<td><select name="pays_naissance" size="1">
<option selected>Pays<option>France<option>Afghanistan<option>Afrique du Sud<option>Albanie<option>Algérie
<option>Allemagne<option> Andorre<option>Angola<option>Anguilla<option>Antarctique<option>Antigua-et-Barbuda
<option>Antilles néerlandaises<option> Arabie saoudite<option>Argentine<option>Arménie<option>Aruba<option>Australie
<option>Autriche<option>Azerbaïdjan<option> Bénin<option>Bahamas<option>Bahreïn<option>Bangladesh<option>Barbade
<option>Belau<option>Belgique<option>Belize<option>Bermudes<option>Bhoutan<option>Biélorussie<option>Birmanie
<option>Bolivie	<option> Bosnie-Herzégovine<option>Botswana<option>Brésil<option>Brunei<option>Bulgarie
<option>Burkina Faso<option>Burundi<option>Côte d'Ivoire<option>Cambodge<option> Cameroun<option>Canada<option>Cap-Vert
<option>Chili<option>Chine<option>Chypre<option>Colombie<option>Comores<option>Congo<option> Corée du Nord<option>Corée du Sud
<option>Costa Rica<option>Croatie<option>Cuba<option>Danemark<option>Djibouti<option>Dominique<option>Égypte
<option>Émirats arabes unis<option>Équateur<option>Érythrée<option>Espagne<option>Estonie<option>États-Unis<option>Éthiopie
<option>Finlande<option>France<option>Géorgie<option>Gabon<option>Gambie<option>Ghana<option>Gibraltar<option>Grèce<option>Grenade
<option>Groenland<option>Guadeloupe<option>Guam<option>Guatemala<option>Guinée<option>Guinée équatoriale<option>Guinée-Bissao
<option>Guyana<option>Guyane française<option>Haïti<option>Honduras<option>Hong Kong<option>Hongrie<option>Ile Bouvet
<option>Ile Christmas<option>Ile Norfolk<option>Iles Cayman<option>Iles Cook<option>Iles Féroé<option>Iles Falkland
<option>Iles Fidji<option>Iles Géorgie du Sud et Sandwich du Sud<option>Iles Heard et McDonald<option>Iles Marshall
<option>Iles Pitcairn<option>Iles Salomon<option>Iles Svalbard et Jan Mayen<option>Iles Turks-et-Caicos
<option>Iles Vierges américaines<option> Iles Vierges britanniques<option>Iles des Cocos (Keeling)
<option>Iles mineures éloignées des États-Unis<option>Inde<option>Indonésie<option>Iran<option>Iraq<option>Irlande<option>Islande
<option>Israël<option>Italie<option>Jamaïque<option>Japon<option>Jordanie<option>Kazakhstan<option>Kenya<option>Kirghizistan
<option>Kiribati<option>Koweït<option>Laos<option>Lesotho<option>Lettonie<option>Liban<option>Liberia<option>Libye
<option>Liechtenstein<option>Lituanie<option>Luxembourg<option>Macao<option>Madagascar<option>Malaisie<option>Malawi<option>Maldives
<option>Mali<option>Malte<option>Mariannes du Nord<option>Maroc<option>Martinique<option>Maurice<option>Mauritanie<option>Mayotte
<option>Mexique<option>Micronésie<option>Moldavie<option>Monaco<option>Mongolie<option>Montserrat<option>Mozambique<option>Népal
<option>Namibie<option>Nauru<option>Nicaragua<option>Niger<option>Nigeria<option>Nioué<option>Norvège<option>Nouvelle-Calédonie
<option>Nouvelle-Zélande<option>Oman<option>Ouganda<option>Ouzbékistan<option>Pérou<option>Pakistan<option>Panama
<option>Papouasie-Nouvelle-Guinée Paraguay<option>Pays-Bas<option>Philippines<option>Pologne<option>Polynésie française
<option>Porto Rico<option>Portugal<option> Qatar<option>République centrafricaine<option>République démocratique du Congo
<option>République dominicaine<option>République tchèque<option>Réunion<option>Roumanie<option>Royaume-Uni<option>Russie
<option>Rwanda<option>Sénégal<option>Sahara occidental <option>Saint-Christophe-et-Niévès<option>Saint-Marin
<option>Saint-Pierre-et-Miquelon<option>Saint-Siège<option>Saint-Vincent-et-les-Grenadines<option>Sainte-Hélène<option>Sainte-Lucie
<option>Salvador<option>Samoa<option>Samoa américaines<option>Sao Tomé-et-Principe<option>Seychelles<option>Sierra Leone
<option>Singapour<option>Slovénie<option>Slovaquie<option>Somalie<option>Soudan<option>Sri Lanka<option>Suède<option>Suisse
<option>Suriname<option>Swaziland<option>Syrie<option>Taïwan<option>Tadjikistan<option>Tanzanie<option>Tchad
<option>Terres australes françaises<option>Territoire britannique de l'Océan Indien<option>Thaïlande<option>Timor Oriental
<option>Togo<option>Tokélaou<option>Tonga<option>Trinité-et-Tobago<option>Tunisie<option>Turkménistan<option>Turquie<option>Tuvalu
<option>Ukraine<option>Uruguay<option>Vanuatu<option>Venezuela<option>Viêt Nam<option>Wallis-et-Futuna<option>Yémen
<option>Yougoslavie<option>Zambie<option>Zimbabwe<option>ex-République yougoslave de Macédoine
</option></select></tr></tbody></table>
	  
<table width="597" border="0" cellspacing="0"><tbody><tr>
<td align="center">* Champs Obligatoires</td>
<td bgcolor="#FFCACA" align="center"><b> Vos coordonn&eacute;es : </b></td></tr>

<tr><td width="166" align="right" bgcolor="#E8E8E8">*Num&eacute;ro :</td>
<td width="431" colspan="2" ><input size="3" name="numero" lang="nom:;erreurfond:#FF0000;mini:1;	maxi:3;type:obligatoire;erreur:- Merci de mettre le num&eacute;ro de votre voie" maxlength="3"/>

*Type Voie :
<select name="voie" lang="erreurfond:#FF0000;type:liste;erreur:- Renseigner le type de voie" size="1" >
<option>  
<option>Avenue<option>Boulevard<option>Chemin<option>Faubourg<option>Impasse<option>Hameau<option>Lieu-dit
<option>Lotissement<option>Place<option>Quai<option>Route<option>Rue<option>Square
</option></select></tr>

<tr><td width="166" align="right" bgcolor="#E8E8E8"> *Adresse :</td><td><p>
<input name="adresse" value="" lang="nom:;erreurfond:#FF0000;mini:1;	maxi:50;type:obligatoire;erreur:- Merci de mettre votre adresse" size="50" maxlength="50"/></p></tr>

<tr><td width="166" align="right" bgcolor="#E8E8E8"> *Code Postal :</td><td><p>
<input size="5" name="code_postal" lang="nom:;erreurfond:#FF0000;mini:1;maxi:5;type:obligatoire;erreur:- Merci de mettre votre code postal" maxlength="5" /></p></tr>

<tr><td align="right" bgcolor="#E8E8E8">*Ville :</td><td>
<input name="ville_actuelle" value="" size="50" lang="nom:;erreurfond:#FF0000;mini:1;	maxi:50;type:obligatoire;erreur:- Merci de mettre votre ville" maxlength="50"/></tr>

<tr><td align="right" bgcolor="#E8E8E8"> T&eacute;l&eacute;phone Fixe : </td><td><p>
<input type="text" name="fixe" value="" /></p></tr>

<tr><td align="right" bgcolor="#E8E8E8"> T&eacute;l&eacute;phone Portable : </td><td><p>
<input type="text" name="portable" value="" />
</p></tr>

<tr><td align="right" bgcolor="#E8E8E8"> Adresse Mail :</td><td><p>
<input name="mail" value="" lang="type:mail;erreur:- Merci de mettre une adresse mail valide" size="50" maxlength="50"/>
</p></tr></tbody></table>

<table width="597" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td align="center">* Champs Obligatoires

<td bgcolor="#FFCACA" align="center"><b> Votre scolarit&eacute; actuelle : </b></td></tr>
<tr><td width="163" height="28" bgcolor="#E8E8E8" align="right">*Classe fr&eacute;quent&eacute;e : </td>
<td>
<input type="radio" id="classe_actuelle" name="scolarite" value="Classe fr&eacute;quent&eacute;e actuellement"
onClick="GereControle('derniere_classe','totalite','1');GereControle('derniere_classe','arret','1');GereControle('derniere_classe','derniere','1');" lang="type:radio;erreur:- Merci de renseigner votre scolarit&eacute; actuelle;erreurfond:red;"/>
          
Classe fr&eacute;quent&eacute;e actuellement 
<br>
<input type="radio" id="derniere_classe" name="scolarite" value="Derni&egrave;re Classe fr&eacute;quent&eacute;e"
onClick="GereControle('derniere_classe','totalite','1');GereControle('derniere_classe','arret','1');GereControle('derniere_classe','derniere','1');" />

Derni&egrave;re classe fr&eacute;quent&eacute;e</td></br>
<tr><td width="163" height="50" bgcolor="#E8E8E8"></td>
<td><p align="center">
<select id="origine_scolaire" name="origine_scolaire" lang="erreurfond:#FF0000;type:liste;erreur:- Mettre votre classe fr&eacute;quent&eacute;e">
<option></option>
<option style="color:#990000;background-color:#FFFFC1">CLASSES COLLEGE</option>
<option>... 6&egrave;me</option><option>... 5&egrave;me</option><option>... 4&egrave;me</option><option>... 3&egrave;me</option>
<option style="color:#990000;background-color:#FFFFC1">CLASSES LYCEE GENERAL/TECHNO</option>
<option>... Seconde</option><option>... 1&egrave;re</option><option>... Terminale</option>
<option style="color:#990000;background-color:#FFFFC1">CLASSES PROFESSIONNELLES</option>
<option>... 1&egrave;re ann&eacute;e CAP</option><option>... 1&egrave;re ann&eacute;e BEP</option>
<option>.. Terminale CAP</option><option>.. Terminale BEP</option><option>... Bac Professionnel</option><option>Autres
</option></select>
</p>
<p>Si Autres, Pr&eacute;cisez :
<input type="text" name="autres" maxlength="50" size="50" /></p></tr>
<tr><td width="163" height="66" bgcolor="#E8E8E8"></td>

<td><p><span id="derniere" >Ann&eacute;e
<input type="text" name="derniere_annee" maxlength="4" size="4" ><br></span>
<span id="totalite"><input type="radio"  id="totalite" name="scolarite_actuelle" value="en totalité en">

Classe fr&eacute;quent&eacute;e en totalit&eacute; <br />
<input type="radio" id="arret" name="scolarite_actuelle" value="arrêtée en cours d'année en">

Arr&ecirc;t de la scolarit&eacute; en cours d'ann&eacute;e &nbsp;&nbsp;</span></p></tr></tbody></table>

<table width="597" height="132" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td height="19" align="right">
<td bgcolor="#FFCACA" align="center"><b> Votre Demande : </b></td></tr>

<tr><td width="166" height="63" align="right" bgcolor="#E8E8E8"> Documentation : </td>
<td><input	type="checkbox" name="documentation" value="demande de documentation"/>

Une demande de documentation
<br>
<input type="checkbox" name="documentation_deux" value="demande de liste de ma&icirc;tres d'apprentissage"/>
Vous souhaitez que l'on vous envoie une liste de ma&icirc;tres d'apprentissage</td>
<tr><td height="24" align="right" bgcolor="#E8E8E8"></td>
<td><p> Votre demande conserne quelle ann&eacute;e scolaire ?
<select id="annee_scolaire" name="annee_scolaire">
<option>2007/2008</option><option>2008/2009</option><option>2009/2010
</option></select>
</p></tr></br>

<tr><td height="7" align="right" bgcolor="#E8E8E8"> Formations souhait&eacute;es : </td>
<td>
<select name="choix_un">
<option></option>
<option style="color:#990000;background-color:#FFFFC1">BOUCHER</option>
<option>...CAP Boucher</option><option>...BEP Boucher</option>

<option style="color:#990000;background-color:#FFFFC1">COIFFURE</option>
<option>...CAP Coiffure</option><option>...MC Coiffure</option><option>....BP Coiffure</option>

</select></tr></tbody></table>

<p align="center">Observations ou Remarques :<br>
<textarea name="observations" cols="50" rows="5"></textarea></p>
<p align="center"></br>
<br>
<input name="submit" type="submit" value=" Envoyer "/>
<input name="reset" type="reset" value=" Annuler "/></p></br>

</form>

</BODY></HTML>


DEUXIEME ETAPE : Fichier envoi.php 

Code suivant à placer dans une page que vous appellerez envoi.php :

<?php
// Information qui apparaittra si les champs obligatoires ne sont pas remplis
$msg_erreur = "Erreur. Les champs suivants doivent être obligatoirement remplis :<br/><br/>";

// Information qui apparaittra si les 2 messages ont bien été envoyé
$msg_ok = "Votre demande a bien été prise en compte. Elle sera traitée dans les meilleurs délais.\nUn mail de confirmation vous a été envoyé.";
$message = $msg_erreur;
define('MAIL_DESTINATAIRE','votremail@votredomaine.com'); // remplacer par votre email
define('MAIL_SUJET','Objet du mail'); // remplacer l'objet du mail qui sera envoyé

// vérification des champs obligatoires (doublon avec le script si des champs obligatoires incorporés dans le formulaire)
if (empty($_POST['nom'])) 
$message .= "Votre nom<br/>";
if (empty($_POST['prenom'])) 
$message .= "Votre prenom<br/>";
if (strlen($message) > strlen($msg_erreur)) {
  echo $message;
// sinon c'est ok 
} else {
foreach($_POST as $index => $valeur) {
$$index = stripslashes(trim($valeur));
}

//Préparation de l'entête du mail:
$mail_entete = "MIME-Version: 1.0\r\n";
$mail_entete .= "From: {$_POST['nom']} "
             ."<{$_POST['mail']}>\r\n";
$mail_entete .= 'Reply-To: '.$_POST['mail']."\r\n";
$mail_entete .= 'Content-Type: text/plain; charset="iso-8859-1"';
$mail_entete .= "\r\nContent-Transfer-Encoding: 8bit\r\n";
$mail_entete .= 'X-Mailer:PHP/' . phpversion()."\r\n";

// Préparation du corps du mail 

// Remplacer le nom des variables suivantes par les noms de vos variables (name ou id) du formulaire
// Utiliser \n pour aller à la ligne 
$mail_corps = "Demande de : $civil $nom $prenom\n";
$mail_corps .= "Date de naissance : $jour_naissance/$mois_naissance/$annee_naissance\n";
$mail_corps .= "Ville de naissance : $ville_naissance\n";
$mail_corps .= "Département de naissance : $departement_naissance\n";
$mail_corps .= "Pays de naissance : $pays_naissance\n\n";

$mail_corps .= "Renseigements sur l'adresse de $nom $prenom : \n";
$mail_corps .= "Adresse : $numero $voie $adresse $code_postal $ville_actuelle\n";
$mail_corps .= "Téléphone Fixe : $fixe\n";
$mail_corps .= "Téléphone Portable : $portable\n";
$mail_corps .= "Mail : $mail\n\n";

$mail_corps .= "Renseigements sur la scolarité : \n";
// Ligne suivante, besoin de mettre le nom de "id" et du "name" pour afficher correctement les "value" des boutons radio 
$mail_corps .= "Scolarité effectuée : $scolarite $classe_actuelle $scolarite_actuelle $totalite $arret $derniere_annee\n"; 
$mail_corps .= "Origine scolaire : $origine_scolaire $autres\n\n";

$mail_corps .= "Renseigements sur la ou les formation(s) souhaitée(s) au CFA :\n";
$mail_corps .= "Demande faite pour l'année scolaire : $annee_scolaire\n";
$mail_corps .= "1er souhait de formation : $choix_un\n";
$mail_corps .= "2eme souhait de formation : $choix_deux\n";
$mail_corps .= "3eme souhait de formation : $choix_trois\n";

$mail_corps .= "Documentation(s) souhaitée(s) : $documentation  $documentation_deux\n\n";

$mail_corps .= "Observation : $observations\n\n";

// envoi du mail
if (mail(MAIL_DESTINATAIRE,MAIL_SUJET,$mail_corps,$mail_entete)) {
  //Le mail est bien expédié
  echo $msg_ok;
} else {
  //Le mail n'a pas été expédié
  echo 'Une erreur est survenue lors de l\'envoi du formulaire par email';
}

}
// Message de confirmation de reception de demande
// ---------------------------
 
/* Objet */ // Mettre votre nom de domaine
$subject = "Confirmation de votre demande sur www.domaine.com";
 
/* additional header pieces for errors, From cc's, bcc's, etc */
// Adresse mail (variable du formulaire contact)
$headers = "From: $mail <$mail>\n";

// Remplacer le mail suivant par votre mail
$headers .= "X-Sender: <votremail@votredomaine.com>\n";
$headers .= "X-Mailer: PHP\n"; // mailer
$headers .= "X-Priority: 1\n"; // Urgent message!

// Remplacer le mail suivant par votre mail
$headers .= "Return-Path: Sales <votremail@votredomaine.com>\n";  // Return errors
 
/* recipients */
$recipient = $mail;
 
/* message */
// Remplacer le contenu du message suivant par celui qui vous convient
// Vous pouvez à l'intérieur de celui-ci rappeller les variables en mettant $nom etc...
$message = "Bonjour $prenom $nom

Merci pour votre message.
Nous traiterons votre demande dans les plus bref delais.
Cordialement.
 
Rappel de vos informations personnelles:
------------------------------
Votre nom: $nom
Votre addresse: $prenom
Votre ville de residence : $ville
votre Email: $mail
Votre message: $observations
 
Si vous recevez ce mail par erreur, merci de nous contactez au plus vite
par email : votremail@votredomaine.com

A tres bientot http://www.votredomaine.com
-------------------------------
"; 


mail($recipient, $subject, $message, $headers);
?>

Si vous souhaitez conserver que envoi.php modifiez bien tous les variables pour qu'ils correspondent aux votres.

Volontairement, je ne transmettrais pas les sources des fichiers marsk.js et conform.js (sauf dans le ZIP) car il suffit de faire une recherche sur ce site http://www.javascriptfr.com pour les retrouver facilement avec les coordonnées de leur auteur.

 Conclusion

Je ne suis pas développeur mais gràce aux croissements de pleins de codes (merci à leurs auteurs) et à mes créations, ce formulaire existe.

Bon courage à vous.

En conclusion, je dirais qu'on peut vraiment faire des choses étonnantes avec les languages html, javascript et php quand on les combinne (et qu'on arrive à les faire vivre ensemble... :-).

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

11 janvier 2008 16:49:32 :
qq fautes d'orthographes désolé...
11 janvier 2008 16:53:12 :
orthographe...
16 janvier 2008 12:54:03 :
modif propreté code script
17 janvier 2008 13:49:53 :
modif balise
17 janvier 2008 13:50:32 :
code inutile

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow
Toutes les sources de la catégorie Formulaire

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture INTERNET DESKTOP par TomReagan
RÉCUPERER LES VARIABLES $_GET par heycraft
CHECKUSERACTIVITY : DETECTER L'INACTIVITÉ DU VISITEUR par kankrelune
Source avec Zip Source avec une capture ALBUM PHOTO AVEC PARTIE ADMINISTRATION - PHP + AJAX + XML par tinokoxx
Source avec Zip [GAG] GESTION AJAX GÉNÉRALISÉE par bultez

Commentaires et avis

Commentaire de canibale le 11/01/2008 17:13:01

Je n'ai pas regardé encore le code en détail mais le résultat à l'air sympa, Bon travail

PS : crois(s)ement ?

Commentaire de Arto_8000 le 12/01/2008 17:29:23

C'est peut-être bien pour ton cas en particulier, mais si je veux rajouter un champs, en modifier ou enlever c'est plus long à modifier parce que le code est éparpiller un peu partout et aucunement divisé en couche. Idéalement ce serait de recoder ta source beaucoup plus modulaire et faire tes fonctions plus générique. Aussi ton traitement des valeurs côté client est inutile s'il y a en a aucun côté serveur. Je désactive Javascript et je peux envoyer n'importe quoi au serveur. Faut pas se fier qu'à Javascript. Côté serveur tu ne testes pas toutes les valeurs et ceux que tu testes sont mal testé. Il faut toujours faire un isset sur tes valeurs POST avant de les utiliser, sinon je peux remplir tes fichiers de logs de ton serveur en quelques minutes. Côté sécurité il y a un truc qui m'a fait vraiment peur (ligne 470 à 472), pour ton script tout seul il n'y a pas trop de problème, mais si je l'intègre dans un site, c'est pas super côté sécurité et ça ouvre des portes que l'on n'aimerait pas trop ouvrir. Oublie pas que l'on peut envoyer n'importe quoi à ce script. Aussi comme j'en parlais plus haut pour tes fonctions qui ne sont pas générique, ta fonction valider est un bon exemple. Avec quelque chose de codé plus modulaire tu aurais pu tout simplement parcourir la liste des champs et faire les tests necéssaires. Ça donnerait quelque chose comme ceci qui est beaucoup plus facilement modifiable et portable :

function $(id)
{
    return document.getElementById(id);
}

function testDate(txt)
{
//on test pour savoir si la date est valide
}

function testText(txt)
{
//on test pour savoir si le texte est valide
}

function valider ()
{
    var listeChamp = [{id : "champ1", type : "Date"}, {id : "champ2", type : "Text"];
    var erreurFound = false;

    for (i=0; i<listeChamp.length; i++)
    {
        if (eval("test" + listeChamp[i].type + "(" + $(listeChamp[i].id) + ");"))
        {
            $(listeChamp[i].id).style.backgroundColor = "#ff0000";
            erreurFound = true;
        }
    }

    if (erreurFound)
    {
        alert("Des erreurs ont été trouvé, les champs ont été mis en rouge.");
    }
}

Commentaire de supositoire le 13/01/2008 13:47:20

Trop cool je l'ai adopté pour mon site! www.sectionhp.com/contact/

Commentaire de XtremDuke le 14/01/2008 15:39:57

Hélas j'approuve le commentaire de Arto_8000. Ta source ressemble à une serie de copié/collé de scripts trouvés à droite et à gauche. C'est très uniforme et on a l'impression que rien en vient de toi.
Même si la partie PHP n'est pas parfaite, ce n'est pas cette couche qui m'a choqués le plus mais plutôt la partie html/javascript : tu fermes tes balises une fois sur deux. Il en va de même pour les valeurs de tes attributs qui sont entourées par des quotes de manière aléatoire.
Et quitte à re-créer la roue, autant le faire au goût du jour : aucune CSS, 90% des attributs sont dépréciés tout comme le mode d'accès aux éléments de ta page (js).

J'espère que tu prendras ces remarques du point de vue constructif et non comme une attaque personnelle.

Commentaire de fifiriri123 le 14/01/2008 16:13:53

Comme je l'ai dit dans la 1ere phrase de ma source, je ne suis malheureusement pas développeur.
Merci arto_8000 et xtremduke pour vos remarques.

J'aimerais qu'elles servent... c'est à dire :
- arto_8000 : vous me conseillez de remplacer ma fonction valider par votre code et d'ajouter la funtion (id) pour plus de simpliciter dans la lecture des champs. Si tu voulais dire cela, je vais rééditer le code pour que cela serve à d'autres.

- xtremduke : dans la partie html/java, je n'ai pas fermé toutes les balises. tu  parles desquelles ? ] ou ) ou  // ou }

Merci à tous.

Commentaire de Arto_8000 le 15/01/2008 03:16:45

Le code que je te montres ce n'est qu'une idée de structure qui ne fonctionnera pas si tu fais seulement du copié-collé. C'était seulement pour que tu l'adaptes pour ton code. Si tu ne fais pas de dévellopement, recoder modulaire te dis probablement rien, donc ne change rien à tout ça. D'ailleurs si tu ne fais pas de dévellopement, d'où ce code sort-il ? D'un chapeau ?

Commentaire de nickadele le 15/01/2008 14:20:33 administrateur CS

Pour la fermeture des balises via "/" :
Simple balise ex input : <input name="submit" type="submit" value=" Envoyer " />
Double balise ex p : <p>mon texte</p>

Pour les quotes, tu fais ceci :
<table width="597" border=0 cellpadding=0 cellspacing=0>...

Ceci est mieux :
<table width="597" border="0" cellpadding="0" cellspacing="0">...

Ou ceci :
<table width='597' border='0' cellpadding='0' cellspacing='0'>...

Pour le reste je rejoind l'avis d'Arto_8000 et de XtremDuke !

Commentaire de fifiriri123 le 16/01/2008 10:00:03

j'aprécie des précisions arto_8000. Je suis développeur mais pas programmeur pur. Je me suis mal exprimé. Le code est certes pas tiré de nul par ...il résulte de multiples adaptations quej'ai fait pour le rendre viable avec l'ensemble. Ayant comme je l'ai dit passé du temps et obtenu des renseignements précieux gràce au tutoriel ou forum sur internet, je souhaite en faire profité d'autre qui comme moi ne sont pas programmeur.

Merci Nickadelle pour l'explication simple sur les balise er les quotes, je vais adapter le code en conséquence.

Commentaire de fifiriri123 le 17/01/2008 14:03:12

Merci pour vos observations. J'ai modifié le code pour le rendre plus lisible et correct au niveau des balises.

Arto_8000 a écrit :
Côté serveur tu ne testes pas toutes les valeurs et ceux que tu testes sont mal testé. Il faut toujours faire un isset sur tes valeurs POST avant de les utiliser, sinon je peux remplir tes fichiers de logs de ton serveur en quelques minutes.

Côté sécurité il y a un truc qui m'a fait vraiment peur (anciennes lignes 470 à 472), pour ton script tout seul il n'y a pas trop de problème, mais si je l'intègre dans un site, c'est pas super côté sécurité et ça ouvre des portes que l'on n'aimerait pas trop ouvrir.

Côté serveur : je peux ajouter les autres valeurs pour les tester mais tu dis qu'elles sont mal testées, que je dois faire un isset sur mes valeurs POST. Peux-tu me dire comment procéder sur une ou deux valeurs et je ferais le reste.

Côté sécurité: tu parles d'une partie de code qui se trouvaient lignes 470à472 qui t'as fait peur. Quelles modif je pourrais faire pour vraiment protéger mon site.

Merci d'avance.

Commentaire de Arto_8000 le 17/01/2008 15:09:11

Si tu veux faire ton code vraiment pour qu'il y a le moins de problèmes possible, il faut que tu testes tous tes valeurs avec isset et non empty.

if (!isset($_POST['val1']) || !isset($_POST['val2']) || ...)
{
die("Les valeurs n'ont pas tous été envoyé au serveur."); //OU header("Location: formulaire.php");
}

Ensuite tu poursuits avec ton code et tes autres vérifications. Sinon quelqu'un qui fait juste charger la page sans faire de post se voit afficher une tonne d'erreur et c'est pas très invitant.

Côté sécurité ton code permet de modifier n'importe quelle variable dans le code au moment où ils sont traité. Si j'envoie une autre valeur POST à ton formulaire qui s'appele msg_ok et que je mets la valeur "<script>alert('XSS')</script>", le contenu va être afficher plus loin dans la page créant une attaque XSS.

Pour le contrer ? Ne pas l'utiliser, tes valeurs sont déjà dans le array POST.

Commentaire de T3cHn0_93 le 09/03/2008 01:27:18

Merci beaucoup ce code m'a beaucoup servit !

Commentaire de h405 le 28/07/2008 21:07:30 7/10

simple

Commentaire de sof34 le 29/11/2008 13:46:51

Dsl mais j'ai pas pu m'empêcher :

En conclusion vous dites : "En conclusion, je dirais qu'on peut vraiment faire des choses étonnantes avec les languages html, javascript et php quand on les combinne (et qu'on arrive à les faire vivre ensemble... :-)."

Youpiii

Merci pour cette découverte illuminée. Heureusement que des gens comme vous parcourent le web et remarquent le travail des autres, pour constater des choses aussi... évidentes ! et sur Javascript.fr qui plus est...

Moi hier j'ai découvert qu'en pétant dans l'eau ça faisait des bulles...

Mais en faisant qq recherches j'ai vu que Archimède l'avais déjà fait connaitre. Oui "La poussée"...

Donc, moi je dirait, en conclusion, que péter dans l'eau, ça fait des bulles et c'est rigolo.

Bon je me reprend : En conclusion, il faut pas hésiter à se renseigner pour essayer de pousser vers le haut cette communauté plutôt que de rebalancer des sources vues, vues, vues, et revues. Sinon, préférez poster sur jedebuteenprogrammationetjepensequeoutlemondestcommemoi.com. Au moins les gens qui pomperons vos sources, vos dangereuses sources, ne pourrons s'en prendre qu'a eux même. "Supositoire" a pompée la source sans corriger quoique ce soit.

La source PHP je l'ai trouvée ici il y a plus de 3 ans...Donc, svp, citez vos sources, sinon au moins là ou vous l'avez pompée.

Et enfin, si ça n'est juste que pour voir votre nom dans un forum, faites comme moi, préférez faire des remarques peu constructives ! c'est pareil, ça sert à rien.

PS : Je me permet pour la forme de vous rappeler la charte de bonne conduite, que j'en suis sur vous n'avez pas lue : http://www.javascriptfr.com/reglement.aspx

Ça soulage...

Commentaire de sof34 le 29/11/2008 13:47:35 2/10

OOps ... allez 2 étoiles

Commentaire de joone le 12/01/2012 02:14:45

Franchement, merci pour ce super code, moi j'ai enlevé tout les champs qui m'arrangeaient pas sans problème et j'ai apporté quelques modifs, par exemple dans le $msg_ok jai ajouté les balises html pour que cette page ressemble aux autres pages de mon site et que le sujet entré dans le formulaire soit l'objet de mon mail et ça fonctionne très bien. Et merci aux autres aussi j'ai tenu compte des remarques et modifié le code en conséquence. Enfin je suis ni programmeuse ni développeuse mais j'ai vraiment pu me débrouillé facilement alors encore merci mille fois.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Controle de date dans formulaire [ par laubro ] Bonjour,je cherche un bout de code qui me permettrait de faire un control entre 2 champs date dans un formulaire(php) en cliquant sur le bouton "envoy recuperation d'un resultat en php [ par scromania ] bonjour, Voila je souhaite connaitre le X et Y d'une image voici la code: [code=java] <!-- function coord(event){ var e = event || window.event; Fenêtre d'aide jquery ou autre [ par cocombo ] Bonjour, Je suis à valider une option que j'aimerais implanter sur un site internet. Je tente de savoir au départ si c'est possible. Et si oui, j'a [PHP/JavaScript] 'OnClick' pour afficher .php [ par Capharnaum ] Bonjour, Néophyte en programmation, je n'arrive pas à trouver la solution à mon problème. Je souhaite appeler un événement onClick en javascript pour Upload d'image sans rafraîchissement de page [ par titimoi ] Bonjour, Je suis à la recherche depuis quelques semaines d'un script simple qui permettrait aux utilisateurs d'uploader 3 images dans un dossier tempo Interaction JS/PHP [ par simook2 ] [code=js] Counter seconds simple <script src="jquery-1.4.2.min. Ajax et formulaire mail [ par cynus ] Bonjours a tous. J'ai besoin de votre aide parce que je m'arrache les cheveux depuis 2 jours. du coté google rien, même des solutions clé en main ne controle liste de formulaire [ par gwerz ] Bonjour,Je cherche un script très simple, permettant d'obliger les internautes à selectionner une option dans une liste, sinon le formulaire ne se pos Formulaire [ par lavache13 ] Est-ce qu'on peut envoyer les données cochées d'un formulaire dans une autre page sans utiliser le php?J'arrive à vérifier les données du formulaire m trois listes deroulantes liées à mysql (php) [ par jodenki ] Voila, j'ai trouvé plein de sources qui m'indiquent comment modifier dynamiquement 'en dur' le contenu d'une liste deroulante (c'est à dire que le co


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy Tab (GT-P1000) Tablet PC
Entre 699€ et 699€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Green Energy Solutions With Light Bulb Morphed Into LandscapePhoto Single Large Rock Formation in Monument Valley
Photo Rural Road in the Eastern Sierras 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,374 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)