Bonjour,
J'ai réalisé un formulaire pour un site que je suis entrain de créer. Je ne connais rien au langage html, mais je me forme petit à petit.
Bref, après quelques heures de recheches j'ai réussi à faire le formulaire que je désirai! Cependant il y a deux points qui me résistent et je ne parviens pas à trouver la solution!
1 : Comment rendre les champs désirés obligatoires ?
2 : Comment faire pour que l'utilisateur m'envoie bien le formulaire? (j'essaye mais rien ne se passe)
Par avance merci de votre aide!
Voici le code:
<p>
<script src="Form.js" language="Javascript"><!--
<span style="font-size: small; font-family: trebuchet ms,geneva;" mce_style="font-size: small; font-family: trebuchet ms,geneva;"></span>
// --></script>
</p>
<form onsubmit="return testForm(this)" name="form1"></form><form></form>
<p><form></form></p>
<p style="TEXT-ALIGN: center"><strong><span style="text-decoration: underline;"><span style="font-size: small; font-family: trebuchet ms,geneva;">Questionnaire bilan perte de poids :</span></span></strong></p>
<p style="PADDING-LEFT: 30px"><span style="font-size: small; font-family: trebuchet ms,geneva;"><strong><span style="text-decoration: underline;">Renseignements</span></strong></span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;">Civilité* : <input name="civRX" value="Mr" type="radio" />Mr <input name="civRX" value="Mme" type="radio" />Mme <input name="civRX" value="Mlle" type="radio" />Mlle<br />Nom* : </span><input name="nomRS" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Prénom* : </span><input name="prenomRS" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Date de naissance* : </span><input name="dateRD" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Adresse* : </span><input name="adresseRS" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Code postal* : </span><input name="codeRE" size="6" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Ville* : </span><input name="villeRS" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Téléphone : </span><input name="telephoneXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Fax : </span><input name="faxXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Mobile : </span><input name="mobileXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">E-mail* : </span><input name="emailRM" size="25" /></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;"></span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;">Taille (cm)* : </span><input name="sizeXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Poids (kg)* : </span><input name="sizeXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;"></span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;">Profession : </span><input name="jobXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Type d'emploi: </span><select name="typejobRX"> <option>Choisissez votre niveau d'activité</option> <option value="1">Sédentaire</option> <option value="2">Semi-sédentaire</option> <option value="3">Dynamique</option></select><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Jours de travail : <input name="cocheRX" value="checkbox" type="checkbox" /> Lundi </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Mardi </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Mercredi </span></p>
<p><span style="font-size: small;"> </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Jeudi </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Vendredi </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Samedi </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Dimanche</span></p>
<p style="PADDING-LEFT: 30px"><span style="font-size: small; font-family: trebuchet ms,geneva;"><span style="text-decoration: underline;"><strong>Pratiques sportives</strong></span></span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;">Disciplines : </span><input name="sizeXX" size="100" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Nombre d'entraînements par semaine : <input name="cocheRX" value="checkbox" type="checkbox" /> 1</span> <span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> 2 </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> 3 </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> 4 </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> 5 </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> 6 </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> 7</span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;">Durée moyenne des entraînements : </span><input name="sizeXX" size="25" /></p>
<p><span style="font-size: small;">Jours possibles pour effectuer une séance : <input name="cocheRX" value="checkbox" type="checkbox" /> Lundi </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Mardi </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Mercredi</span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;"> </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Jeudi </span><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Vendredi</span> <span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Samedi</span> <span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> Dimanche</span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;"></span></p>
<p style="padding-left: 30px;"><span style="font-size: small; font-family: trebuchet ms,geneva;"><strong><span style="text-decoration: underline;">Santé</span></strong></span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;">Maladies & Blessures : </span><input name="jobXX" size="100" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Traitement en cours : </span><input name="jobXX" size="100" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Fumeur : </span><select name="quantityRX"> <option>Choisissez votre consommation journalière</option> <option value="1">0</option> <option value="2">0 à 5</option> <option value="3">5 à 10</option> <option value="4">10 à 20</option> <option value="5">Plus d'un paquet</option></select><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Autres : </span><input name="santeXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;"></span></p>
<p style="padding-left: 30px;"><span style="font-size: small; font-family: trebuchet ms,geneva;"><span style="text-decoration: underline;"><strong>Informations complémentaires</strong></span></span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;">Tour de poitrine (en cm) : </span><input name="sizeXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Tour de ventre (en cm) : </span><input name="sizeXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Tour de taille (en cm) : </span><input name="sizeXX" size="25" /><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Possedez-vous des rollers : </span><select name="yesornotRX"> <option>Choisissez votre réponse</option> <option value="1">Oui</option> <option value="2">Non</option></select><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Possedez-vous un vélo : </span><select name="yesornotRX"> <option>Choisissez votre réponse</option> <option value="1">Oui</option> <option value="2">Non</option></select><br /><span style="font-size: small; font-family: trebuchet ms,geneva;">Avez-vous la possibilité de nager : </span><select name="yesornotRX"> <option>Choisissez votre réponse</option> <option value="1">Oui</option> <option value="2">Non</option></select></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;"></span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;"><input name="cocheRX" value="checkbox" type="checkbox" /> J'accepte les conditions générales d'utilisation du site*</span></p>
<p><span style="font-size: small; font-family: trebuchet ms,geneva;">(*) Champs obligatoires</span></p>
<p><form></form></p>
<fieldset><legend>champ de sécurité</legend>
<p> </p>
<p><label for="form_secure">
<script src="Contact%20%20Conseils%20Sportifs%20et%20Nutritifs_fichiers/secure.htm" language="javascript"></script>
1 + 1 :</label> <input name="code" id="form_secure" /></p>
<p> </p>
</fieldset>
<p style="text-align: center;"><input name="submit" value="Envoyer" type="submit" /></p>
<p> </p>
<form enctype="text/plain" method="post" action="mailto:freemanmosny@hotmail.fr?subject=demande de contact" name="envoi"></form>
Afficher la suite
3 avril 2009 à 11:54
<H2>Questionnaire Bilan Perte de Poids</H2>
<P>
<SCRIPT language=Javascript
src="Questionnaire%20Bilan%20Perte%20de%20Poids_fichiers/404.htm"><!--
<span style="font-size: small; font-family: trebuchet ms,geneva;" mce_style="font-size: small; font-family: trebuchet ms,geneva;"></span>
// --></SCRIPT>
</P>
<FORM name=form1 onsubmit="return testForm(this)"></FORM>
<FORM></FORM>
<P>
<FORM></FORM></P>
<P style="TEXT-ALIGN: center"><STRONG><SPAN
style="TEXT-DECORATION: underline"><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Questionnaire bilan
perte de poids :</SPAN></SPAN></STRONG></P>
<P style="PADDING-LEFT: 30px"><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><STRONG><SPAN
style="TEXT-DECORATION: underline">Renseignements</SPAN></STRONG></SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Civilité* :
<INPUT type=radio value=Mr name=civRX>Mr <INPUT type=radio value=Mme
name=civRX>Mme <INPUT type=radio value=Mlle name=civRX>Mlle<BR>Nom* :
</SPAN><INPUT size=25 name=nomRS><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Prénom* :
</SPAN><INPUT size=25 name=prenomRS><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Date de naissance* :
</SPAN><INPUT name=dateRD><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Adresse* :
</SPAN><INPUT size=25 name=adresseRS><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Code postal* :
</SPAN><INPUT size=6 name=codeRE><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Ville* :
</SPAN><INPUT size=25 name=villeRS><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Téléphone :
</SPAN><INPUT size=25 name=telephoneXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Fax : </SPAN><INPUT
size=25 name=faxXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Mobile :
</SPAN><INPUT size=25 name=mobileXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">E-mail* :
</SPAN><INPUT size=25 name=emailRM></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"></SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Taille (cm)*
: </SPAN><INPUT size=25 name=sizeXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Poids (kg)* :
</SPAN><INPUT size=25 name=sizeXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"></SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Profession :
</SPAN><INPUT size=25 name=jobXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Type d'emploi:
</SPAN><SELECT name=typejobRX> <OPTION selected>Choisissez votre niveau
d'activité</OPTION> <OPTION value=1>Sédentaire</OPTION> <OPTION
value=2>Semi-sédentaire</OPTION> <OPTION
value=3>Dynamique</OPTION></SELECT><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Jours de travail
: <INPUT
type=checkbox value=checkbox name=cocheRX>
Lundi </SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> Mardi
</SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> Mercredi </SPAN></P>
<P><SPAN
style="FONT-SIZE: small">
</SPAN><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT
type=checkbox value=checkbox name=cocheRX> Jeudi
</SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> Vendredi
</SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> Samedi
</SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> Dimanche</SPAN></P>
<P style="PADDING-LEFT: 30px"><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><SPAN
style="TEXT-DECORATION: underline"><STRONG>Pratiques
sportives</STRONG></SPAN></SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Disciplines
: </SPAN><INPUT size=100 name=sizeXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Nombre
d'entraînements par semaine : <INPUT type=checkbox value=checkbox name=cocheRX>
1</SPAN> <SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> 2 </SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> 3 </SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> 4 </SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> 5 </SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> 6 </SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> 7</SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Durée
moyenne des entraînements : </SPAN><INPUT size=25 name=sizeXX></P>
<P><SPAN style="FONT-SIZE: small">Jours possibles pour effectuer une séance
: <INPUT type=checkbox
value=checkbox name=cocheRX> Lundi </SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> Mardi
</SPAN><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT
type=checkbox value=checkbox name=cocheRX> Mercredi</SPAN></P>
<P><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">
</SPAN><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> Jeudi
</SPAN><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT
type=checkbox value=checkbox name=cocheRX>
Vendredi</SPAN> <SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX>
Samedi</SPAN> <SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT type=checkbox
value=checkbox name=cocheRX> Dimanche</SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"></SPAN></P>
<P style="PADDING-LEFT: 30px"><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><STRONG><SPAN
style="TEXT-DECORATION: underline">Santé</SPAN></STRONG></SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Maladies
& Blessures : </SPAN><INPUT size=100 name=jobXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Traitement en cours :
</SPAN><INPUT size=100 name=jobXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Fumeur :
</SPAN><SELECT name=quantityRX> <OPTION selected>Choisissez votre consommation
journalière</OPTION> <OPTION value=1>0</OPTION> <OPTION value=2>0 à 5</OPTION>
<OPTION value=3>5 à 10</OPTION> <OPTION value=4>10 à 20</OPTION> <OPTION
value=5>Plus d'un paquet</OPTION></SELECT><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Autres :
</SPAN><INPUT size=25 name=santeXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"></SPAN></P>
<P style="PADDING-LEFT: 30px"><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><SPAN
style="TEXT-DECORATION: underline"><STRONG>Informations
complémentaires</STRONG></SPAN></SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Tour de
poitrine (en cm) : </SPAN><INPUT size=25 name=sizeXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Tour de ventre (en
cm) : </SPAN><INPUT size=25 name=sizeXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Tour de taille (en
cm) : </SPAN><INPUT size=25 name=sizeXX><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Possedez-vous des
rollers : </SPAN><SELECT name=yesornotRX> <OPTION selected>Choisissez votre
réponse</OPTION> <OPTION value=1>Oui</OPTION> <OPTION
value=2>Non</OPTION></SELECT><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Possedez-vous un vélo
: </SPAN><SELECT name=yesornotRX> <OPTION selected>Choisissez votre
réponse</OPTION> <OPTION value=1>Oui</OPTION> <OPTION
value=2>Non</OPTION></SELECT><BR><SPAN
style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">Avez-vous la
possibilité de nager : </SPAN><SELECT name=yesornotRX> <OPTION
selected>Choisissez votre réponse</OPTION> <OPTION value=1>Oui</OPTION>
<OPTION value=2>Non</OPTION></SELECT></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"></SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva"><INPUT
type=checkbox value=checkbox name=cocheRX> J'accepte les conditions générales
d'utilisation du site*</SPAN></P>
<P><SPAN style="FONT-SIZE: small; FONT-FAMILY: trebuchet ms,geneva">(*) Champs
obligatoires</SPAN></P>
<P>
<FORM></FORM></P>
<P style="TEXT-ALIGN: center"><INPUT type=submit value=Envoyer name=submit></P>
<P> </P>
<FORM name=envoi
action="mailto:freemanmosny@hotmail.fr?subject=demande de contact" method=post
encType=text/plain></FORM></DIV></DIV>
3 avril 2009 à 12:04
Pour la vérification des champs obligatoires c'est soit javascript (si tu ne veux pas recherger la page) soit php.
Dans le 1er cas ça ressemble à des trucs comme ça :
function verif(){
if(document.getElementById("champ1").value=="")
alert ("Le champ champ1 est obligatoire");
}
dans le deuxième cas :
if(!isset($_POST['champ1']))
$message ="Champ1 obligatoire";
[...]
echo $message;
J'ai une très grande préférence pour le javascript à ce niveau-là.
Pour l'envoi du mail il faut que les lignes
<FORM name=envoi
action="mailto:freemanmosny@hotmail.fr?subject=demande de contact" method=post
encType=text/plain></FORM>
entoure les éléments de ton formulaire dont le bouton submit