begin process at 2010 03 19 20:03:23
  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é :14 860 / 1 685
Auteur : fifiriri123

Ecrire un message privé
Commentaire sur cette source (14)
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

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
IMPLEMENTATION DE RANDOM PERSONNALISÉ par ousous
IMPLEMENTATION DE HASHTABLE par ousous
JAVASCRIPT.UTIL.ITERATOR par ousous
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome
Toutes les sources de la catégorie Formulaire

 Sources en rapport avec celle ci

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
Source avec Zip Source avec une capture CONTRÔLE DES CHAMPS D'UN FORMULAIRE [CCF] par bultez
EXPORTATION DES TABLEAUS VERS EXCEL par isecso

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

 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 Xmlhttprequest et php, comment garder sa session [ par benjiiim94 ] Bonjour, Je ne suis pas sûr d'avoir poster dans le bon forum, ce post aurait eu aussi sa place dans un forum php, merci de votre indulgence. Pour fa Remplacement d'un caractère dans une chaîne [ par NaeiKinDus ] Salut &#224; tous ! Je viens de passer du C/PHP au java, et j'avoue &#234;tre un peu d&#233;rout&#233;. J'aurais voulu savoir, j'ai un onClick="foncti Redirection automatique PHP ou Javascript .. [ par matou84 ] Bonjour &#224; tousrencontrant des probl&#232;mes sur ma page index.php je voudrais incorporer un script de redirection pour que ca ouvre directement& Offre de Stage, SIG en Ligne (mySql, php et SVG) [ par triturus30 ] Pr&#233;sentation : La Station biologique de la Tour du Valat, situ&#233;e au c&#156;ur de la Camargue dans le sud de la France, fut cr&#233;&#233;e javascript et php [ par le5ejumeau ] bonjour, voila mon probleme, je voudrais pouvoir supprimer une des&nbsp;lignes dans ma base de donn&#233;e en demandant une confirmation : voila mon c zone de texte [ par benjijackass ] j'esp&#232;re que certain me comprendrons : je n'es que des comp&#233;tences dans les langages HTML, CSS et PHP et je vais s&#233;parer mon site ne pl Equivalence de fonction PHP? [ par LaTatadu91 ] Salut, voila c'est surement une question bete mais je voudrais savoir si il existe une fonction JS qui equivaudrait a un echo'' de php? je suis totale Pop up javascript et PHP [ par bartoun ] Bonjour, je m'aventure sur le javascript pour ouvrir une fenetre dimensionnée avec des dimension recupérées depuis une fonction PHP...relativemlent s php / iframes [ par rib88 ] je me trouve devant un gros probleme, sur mon site j'ai 3 iframes et je n'arrive pas a les recharger depuis des script php.en fait je voudrait par exe


Nos sponsors


Sondage...

Comparez les prix


Console Microsoft Xbox 360 Elite
Entre 299€ et 300€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

  
  

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,686 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)