Aide formulaire contrôle des champs javascrip
phil518
-
phil518 -
phil518 -
Bonjour,
Après avoir lu plusieurs tutorials, je n'arrive toujours pas à faire contrôler la saisie de l'adresse email (je suis débutant). Mon formulaire est une page html qui est redirigée sur une page php qui m'envoie par mail les informations du formulaire. Quelqu'un pourrait m'aider à faire ces quelques lignes de programmation?
Voilà mon formulaire tel qu'il est maintenant, j'ai essayé un petit code javascript qui ne marche pas :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><!-- InstanceBegin template="/Templates/Page de base.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Willemin André, réparation de machines : formulaire</title>
<SCRIPT language="JavaScript">
<!--
function formulaire(email)
{
a = document.formulaire.email.value;
valide1 = false;
for(var j=1;j<(a.length);j++){
if(a.charAt(j)=='@'){
if(j<(a.length-4)){
for(var k=j;k<(a.length-2);k++){
if(a.charAt(k)=='.') valide1=true;
}
}
}
}
if(valide1==false) alert("Veuillez saisir une adresse e-mail valide.");
return valide1;
}
//-->
</SCRIPT>
<!-- InstanceEndEditable --><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="head" -->
<link href="styles.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="willemin, andré, réparation, machine, dépannage, automation, jura, bassecourt, machines, fraiseuse, planeuse, tour, décolleteuse, chargeur, mécanique, hydraulique, électrique, technique, maintenance">
<meta name="description" content="La rubrique formulaire vous permet de nous contacter facilement, remplissez les champs puis cliquez sur envoyer.">
<!-- InstanceEndEditable -->
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table width="950" height="155" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="155" style="vertical-align:top;" background="Images/bannierehaut.jpg">
<div style="position:relative;">
<div style="position:absolute; top:18px; left:555px " class="policegras">Dépannage<br>
Réparation<br>
Automation</div>
<div style="position:absolute; top:134px; left:195px" class="policegras">Service de réparation de machines industrielles ou spéciales </div>
</div></td>
</tr>
</table>
<table width="950" height="520" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="181px" height="155px" valign="top" background="Images/bannieregauche.jpg">
<div style="position:relative;">
<div style="position:absolute; top:9px; left:18px; width: 139px;" class="policegras">
<p align="left">Willemin André<br>
Grand-Chêne 16<br>
2854 Bassecourt</p>
<p align="right">Tél. : 032 426 56 31<br>
032 926 79 66</p>
</div>
<div style="position:absolute; top:142px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="index.html">Accueil</a></div>
<div style="position:absolute; top:195px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="presentation.htm">Présentation</a></div>
<div style="position:absolute; top:248px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="prestations.htm">Prestations</a></div>
<div style="position:absolute; top:301px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="formulaire.htm">Formulaire</a></div>
<div style="position:absolute; top:354px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="achatvente.htm">Achat/vente</a></div>
<div style="position:absolute; top:407px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="liens.htm">Liens</a></div>
<div style="position:absolute; top:460px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="contact.htm">Contact</a></div>
</div>
<td width="465" valign="top" background="Images/fondecran.jpg" ><!-- InstanceBeginEditable name="Contenu" -->
<p class="policetexte">Remplissez le formulaire puis cliquez sur envoyer.</p>
<form action="lienformulaire.php" method="post" name="formulaire" class="policetexte" id="formulaire" onSubmit="return formulaire(email)">
<table width="443" border="0">
<tr valign="top">
<td height="35" class="policeformulaire">Statut : </td>
<td class="policeformulaire"><label>
<select name="statut" class="policeformulaire" id="statut">
<option>Entreprise</option>
<option>Particulier</option>
</select>
</label></td>
</tr>
<tr valign="top">
<td width="208" height="35
" class="policeformulaire">Nom de l'entreprise / Nom :</td>
<td width="225" class="policeformulaire"><input name="nom" type="text" class="policeformulaire" id="nom" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Personne concernée / Prénom : </td>
<td class="policeformulaire"><input name="prenom" type="text" class="policeformulaire" id="prenom" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Rue et numéro :</td>
<td class="policeformulaire"><input name="adresse" type="text" class="policeformulaire" id="adresse" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Code postal :</td>
<td class="policeformulaire"><input name="codepostal" type="text" class="policeformulaire" id="codepostal" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Ville :</td>
<td class="policeformulaire"><input name="ville" type="text" class="policeformulaire" id="ville" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Téléphone :</td>
<td class="policeformulaire"><input name="telephone" type="text" class="policeformulaire" id="telephone" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">E-mail : </td>
<td class="policeformulaire"><input name="email" type="text" class="policeformulaire" id="email" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Objet de la demande : </td>
<td class="policeformulaire"><label>
<select name="objetdemande" class="policeformulaire" id="objetdemande">
<option value="Réparation de machine">Réparation de machine</option>
<option value="Cherche une machine">Cherche une machine</option>
<option value="Vend une machine">Vend une machine</option>
<option value="Informations sur une machine">Informations sur une machine</option>
<option value="Question, demande">Question, demande</option>
<option value="Remarque, commentaire">Remarque, commentaire</option>
<option value="Autre">Autre</option>
</select>
</label></td>
</tr>
<tr valign="top">
<td height="70" class="policeformulaire">Votre demande :</td>
<td class="policeformulaire"><textarea name="demande" cols="34" rows="4" class="policeformulaire" id="demande"></textarea></td>
</tr>
<tr>
<td height="10" class="policeformulaire"><div align="right">
<input name="effacer" type="reset" class="policeformulaire" id="effacer" value="Effacer">
</div></td>
<td valign="top" class="policeformulaire"><input name="envoyer" type="submit" class="policeformulaire" id="envoyer" value="Envoyer"></td>
</tr>
</table>
</form>
<!-- InstanceEndEditable --></td>
<td width="288" valign="top" background="Images/bannieretitre.jpg"><!-- InstanceBeginEditable name="Banniere" -->
<p> </p>
<p><img src="Images/titreformulaire.jpg" alt="Formulaire" width="289" height="99"></p>
<p><div style="position:absolute; top:333px; left:680px; width: 240px; height: 159px;" class="policegras"><img src="Images/photoformulaire.jpg" alt="Photo formulaire" width="240" height="159"></div>
<!-- InstanceEndEditable --></td>
<td width="16" valign="top" background="Images/bannieredroite.jpg"> </td>
</tr>
</table>
<table style="height:14px; line-height:14px;" width="950" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:right; padding-right:16px;" height="11" background="Images/bannierebas.jpg"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Copyright © 2007
Willemin André</font></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
Après avoir lu plusieurs tutorials, je n'arrive toujours pas à faire contrôler la saisie de l'adresse email (je suis débutant). Mon formulaire est une page html qui est redirigée sur une page php qui m'envoie par mail les informations du formulaire. Quelqu'un pourrait m'aider à faire ces quelques lignes de programmation?
Voilà mon formulaire tel qu'il est maintenant, j'ai essayé un petit code javascript qui ne marche pas :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><!-- InstanceBegin template="/Templates/Page de base.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Willemin André, réparation de machines : formulaire</title>
<SCRIPT language="JavaScript">
<!--
function formulaire(email)
{
a = document.formulaire.email.value;
valide1 = false;
for(var j=1;j<(a.length);j++){
if(a.charAt(j)=='@'){
if(j<(a.length-4)){
for(var k=j;k<(a.length-2);k++){
if(a.charAt(k)=='.') valide1=true;
}
}
}
}
if(valide1==false) alert("Veuillez saisir une adresse e-mail valide.");
return valide1;
}
//-->
</SCRIPT>
<!-- InstanceEndEditable --><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="head" -->
<link href="styles.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="willemin, andré, réparation, machine, dépannage, automation, jura, bassecourt, machines, fraiseuse, planeuse, tour, décolleteuse, chargeur, mécanique, hydraulique, électrique, technique, maintenance">
<meta name="description" content="La rubrique formulaire vous permet de nous contacter facilement, remplissez les champs puis cliquez sur envoyer.">
<!-- InstanceEndEditable -->
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table width="950" height="155" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="155" style="vertical-align:top;" background="Images/bannierehaut.jpg">
<div style="position:relative;">
<div style="position:absolute; top:18px; left:555px " class="policegras">Dépannage<br>
Réparation<br>
Automation</div>
<div style="position:absolute; top:134px; left:195px" class="policegras">Service de réparation de machines industrielles ou spéciales </div>
</div></td>
</tr>
</table>
<table width="950" height="520" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="181px" height="155px" valign="top" background="Images/bannieregauche.jpg">
<div style="position:relative;">
<div style="position:absolute; top:9px; left:18px; width: 139px;" class="policegras">
<p align="left">Willemin André<br>
Grand-Chêne 16<br>
2854 Bassecourt</p>
<p align="right">Tél. : 032 426 56 31<br>
032 926 79 66</p>
</div>
<div style="position:absolute; top:142px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="index.html">Accueil</a></div>
<div style="position:absolute; top:195px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="presentation.htm">Présentation</a></div>
<div style="position:absolute; top:248px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="prestations.htm">Prestations</a></div>
<div style="position:absolute; top:301px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="formulaire.htm">Formulaire</a></div>
<div style="position:absolute; top:354px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="achatvente.htm">Achat/vente</a></div>
<div style="position:absolute; top:407px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="liens.htm">Liens</a></div>
<div style="position:absolute; top:460px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="contact.htm">Contact</a></div>
</div>
<td width="465" valign="top" background="Images/fondecran.jpg" ><!-- InstanceBeginEditable name="Contenu" -->
<p class="policetexte">Remplissez le formulaire puis cliquez sur envoyer.</p>
<form action="lienformulaire.php" method="post" name="formulaire" class="policetexte" id="formulaire" onSubmit="return formulaire(email)">
<table width="443" border="0">
<tr valign="top">
<td height="35" class="policeformulaire">Statut : </td>
<td class="policeformulaire"><label>
<select name="statut" class="policeformulaire" id="statut">
<option>Entreprise</option>
<option>Particulier</option>
</select>
</label></td>
</tr>
<tr valign="top">
<td width="208" height="35
" class="policeformulaire">Nom de l'entreprise / Nom :</td>
<td width="225" class="policeformulaire"><input name="nom" type="text" class="policeformulaire" id="nom" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Personne concernée / Prénom : </td>
<td class="policeformulaire"><input name="prenom" type="text" class="policeformulaire" id="prenom" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Rue et numéro :</td>
<td class="policeformulaire"><input name="adresse" type="text" class="policeformulaire" id="adresse" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Code postal :</td>
<td class="policeformulaire"><input name="codepostal" type="text" class="policeformulaire" id="codepostal" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Ville :</td>
<td class="policeformulaire"><input name="ville" type="text" class="policeformulaire" id="ville" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Téléphone :</td>
<td class="policeformulaire"><input name="telephone" type="text" class="policeformulaire" id="telephone" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">E-mail : </td>
<td class="policeformulaire"><input name="email" type="text" class="policeformulaire" id="email" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Objet de la demande : </td>
<td class="policeformulaire"><label>
<select name="objetdemande" class="policeformulaire" id="objetdemande">
<option value="Réparation de machine">Réparation de machine</option>
<option value="Cherche une machine">Cherche une machine</option>
<option value="Vend une machine">Vend une machine</option>
<option value="Informations sur une machine">Informations sur une machine</option>
<option value="Question, demande">Question, demande</option>
<option value="Remarque, commentaire">Remarque, commentaire</option>
<option value="Autre">Autre</option>
</select>
</label></td>
</tr>
<tr valign="top">
<td height="70" class="policeformulaire">Votre demande :</td>
<td class="policeformulaire"><textarea name="demande" cols="34" rows="4" class="policeformulaire" id="demande"></textarea></td>
</tr>
<tr>
<td height="10" class="policeformulaire"><div align="right">
<input name="effacer" type="reset" class="policeformulaire" id="effacer" value="Effacer">
</div></td>
<td valign="top" class="policeformulaire"><input name="envoyer" type="submit" class="policeformulaire" id="envoyer" value="Envoyer"></td>
</tr>
</table>
</form>
<!-- InstanceEndEditable --></td>
<td width="288" valign="top" background="Images/bannieretitre.jpg"><!-- InstanceBeginEditable name="Banniere" -->
<p> </p>
<p><img src="Images/titreformulaire.jpg" alt="Formulaire" width="289" height="99"></p>
<p><div style="position:absolute; top:333px; left:680px; width: 240px; height: 159px;" class="policegras"><img src="Images/photoformulaire.jpg" alt="Photo formulaire" width="240" height="159"></div>
<!-- InstanceEndEditable --></td>
<td width="16" valign="top" background="Images/bannieredroite.jpg"> </td>
</tr>
</table>
<table style="height:14px; line-height:14px;" width="950" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:right; padding-right:16px;" height="11" background="Images/bannierebas.jpg"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Copyright © 2007
Willemin André</font></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
A voir également:
- Aide formulaire contrôle des champs javascrip
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Fan controle - Télécharger - Optimisation
- Formulaire de reclamation instagram - Guide
- Controle parental disney plus - Guide
1 réponse
Plus précisément j'ai trouvé ce script qui marche, mais le problème c'est qu'il m'indique que l'adresse email est fausse mais je suis quand même dirigé vers la page qui m'indique que le formulaire a bien été envoyé et qui envoie donc le formulaire. Comment faire pour éviter cela?
Merci de votre aide
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><!-- InstanceBegin template="/Templates/Page de base.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Willemin André, réparation de machines : formulaire</title>
<script language="JavaScript">
function verifSelection() {
if (document.formulaire.email.value == "") {
alert("Veuillez saisir une adresse e-mail correcte.")
return false
}
invalidChars = " /:,;'"
for (i=0; i < invalidChars.length; i++) { // does it contain any invalid characters?
badChar = invalidChars.charAt(i)
if (document.formulaire.email.value.indexOf(badChar,0) > -1) {
alert("Votre adresse e-mail contient des caractères invalides. Veuillez vérifier.")
document.formulaire.email.focus()
return false
}
}
atPos = document.formulaire.email.value.indexOf("@",1) // there must be one "@" symbol
if (atPos == -1) {
alert('Votre adresse e-mail ne contient pas le signe "@". Veuillez vérifier.')
document.formulaire.email.focus()
return false
}
if (document.formulaire.email.value.indexOf("@",atPos+1) != -1) { // and only one "@" symbol
alert('Il ne doit y avoir qu\'un signe "@". Veuillez vérifier.')
document.formulaire.email.focus()
return false
}
periodPos = document.formulaire.email.value.indexOf(".",atPos)
if (periodPos == -1) { // and at least one "." after the "@"
alert('Vous avez oublié le point "." après le signe "@". Veuillez vérifier.')
document.formulaire.email.focus()
return false
}
if (periodPos+3 > document.formulaire.email.value.length) { // must be at least 2 characters after the
alert('Il doit y avoir au moins deux caractères après le signe ".". Veuillez vérifier.')
document.formulaire.email.focus()
return false
}
} // Fin de la fonction
</script>
<!-- InstanceEndEditable --><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="head" -->
<link href="styles.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="willemin, andré, réparation, machine, dépannage, automation, jura, bassecourt, machines, fraiseuse, planeuse, tour, décolleteuse, chargeur, mécanique, hydraulique, électrique, technique, maintenance">
<meta name="description" content="La rubrique formulaire vous permet de nous contacter facilement, remplissez les champs puis cliquez sur envoyer.">
<!-- InstanceEndEditable -->
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table width="950" height="155" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="155" style="vertical-align:top;" background="Images/bannierehaut.jpg">
<div style="position:relative;">
<div style="position:absolute; top:18px; left:555px " class="policegras">Dépannage<br>
Réparation<br>
Automation</div>
<div style="position:absolute; top:134px; left:195px" class="policegras">Service de réparation de machines industrielles ou spéciales </div>
</div></td>
</tr>
</table>
<table width="950" height="520" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="181px" height="155px" valign="top" background="Images/bannieregauche.jpg">
<div style="position:relative;">
<div style="position:absolute; top:9px; left:18px; width: 139px;" class="policegras">
<p align="left">Willemin André<br>
Grand-Chêne 16<br>
2854 Bassecourt</p>
<p align="right">Tél. : 032 426 56 31<br>
032 926 79 66</p>
</div>
<div style="position:absolute; top:142px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="index.html">Accueil</a></div>
<div style="position:absolute; top:195px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="presentation.htm">Présentation</a></div>
<div style="position:absolute; top:248px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="prestations.htm">Prestations</a></div>
<div style="position:absolute; top:301px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="formulaire.htm">Formulaire</a></div>
<div style="position:absolute; top:354px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="achatvente.htm">Achat/vente</a></div>
<div style="position:absolute; top:407px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="liens.htm">Liens</a></div>
<div style="position:absolute; top:460px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="contact.htm">Contact</a></div>
</div>
<td width="465" valign="top" background="Images/fondecran.jpg" ><!-- InstanceBeginEditable name="Contenu" -->
<p class="policetexte">Remplissez le formulaire puis cliquez sur envoyer.</p>
<form action="lienformulaire.php" method="post" name="formulaire" class="policetexte" id="formulaire" onSubmit="verifSelection()">
<table width="443" border="0">
<tr valign="top">
<td height="35" class="policeformulaire">Statut : </td>
<td class="policeformulaire"><label>
<select name="statut" class="policeformulaire" id="statut">
<option>Entreprise</option>
<option>Particulier</option>
</select>
</label></td>
</tr>
<tr valign="top">
<td width="208" height="35
" class="policeformulaire">Nom de l'entreprise / Nom :</td>
<td width="225" class="policeformulaire"><input name="nom" type="text" class="policeformulaire" id="nom" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Personne concernée / Prénom : </td>
<td class="policeformulaire"><input name="prenom" type="text" class="policeformulaire" id="prenom" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Rue et numéro :</td>
<td class="policeformulaire"><input name="adresse" type="text" class="policeformulaire" id="adresse" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Code postal :</td>
<td class="policeformulaire"><input name="codepostal" type="text" class="policeformulaire" id="codepostal" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Ville :</td>
<td class="policeformulaire"><input name="ville" type="text" class="policeformulaire" id="ville" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Téléphone :</td>
<td class="policeformulaire"><input name="telephone" type="text" class="policeformulaire" id="telephone" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">E-mail : </td>
<td class="policeformulaire"><input name="email" type="text" class="policeformulaire" id="email" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Objet de la demande : </td>
<td class="policeformulaire"><label>
<select name="objetdemande" class="policeformulaire" id="objetdemande">
<option value="Réparation de machine">Réparation de machine</option>
<option value="Cherche une machine">Cherche une machine</option>
<option value="Vend une machine">Vend une machine</option>
<option value="Informations sur une machine">Informations sur une machine</option>
<option value="Question, demande">Question, demande</option>
<option value="Remarque, commentaire">Remarque, commentaire</option>
<option value="Autre">Autre</option>
</select>
</label></td>
</tr>
<tr valign="top">
<td height="70" class="policeformulaire">Votre demande :</td>
<td class="policeformulaire"><textarea name="demande" cols="34" rows="4" class="policeformulaire" id="demande"></textarea></td>
</tr>
<tr>
<td height="10" class="policeformulaire"><div align="right">
<input name="effacer" type="reset" class="policeformulaire" id="effacer" value="Effacer">
</div></td>
<td valign="top" class="policeformulaire"><input name="envoyer" type="submit" class="policeformulaire" id="envoyer" value="Envoyer"></td>
</tr>
</table>
</form>
<!-- InstanceEndEditable --></td>
<td width="288" valign="top" background="Images/bannieretitre.jpg"><!-- InstanceBeginEditable name="Banniere" -->
<p> </p>
<p><img src="Images/titreformulaire.jpg" alt="Formulaire" width="289" height="99"></p>
<p><div style="position:absolute; top:333px; left:680px; width: 240px; height: 159px;" class="policegras"><img src="Images/photoformulaire.jpg" alt="Photo formulaire" width="240" height="159"></div>
<!-- InstanceEndEditable --></td>
<td width="16" valign="top" background="Images/bannieredroite.jpg"> </td>
</tr>
</table>
<table style="height:14px; line-height:14px;" width="950" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:right; padding-right:16px;" height="11" background="Images/bannierebas.jpg"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Copyright © 2007
Willemin André</font></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
Merci de votre aide
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><!-- InstanceBegin template="/Templates/Page de base.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Willemin André, réparation de machines : formulaire</title>
<script language="JavaScript">
function verifSelection() {
if (document.formulaire.email.value == "") {
alert("Veuillez saisir une adresse e-mail correcte.")
return false
}
invalidChars = " /:,;'"
for (i=0; i < invalidChars.length; i++) { // does it contain any invalid characters?
badChar = invalidChars.charAt(i)
if (document.formulaire.email.value.indexOf(badChar,0) > -1) {
alert("Votre adresse e-mail contient des caractères invalides. Veuillez vérifier.")
document.formulaire.email.focus()
return false
}
}
atPos = document.formulaire.email.value.indexOf("@",1) // there must be one "@" symbol
if (atPos == -1) {
alert('Votre adresse e-mail ne contient pas le signe "@". Veuillez vérifier.')
document.formulaire.email.focus()
return false
}
if (document.formulaire.email.value.indexOf("@",atPos+1) != -1) { // and only one "@" symbol
alert('Il ne doit y avoir qu\'un signe "@". Veuillez vérifier.')
document.formulaire.email.focus()
return false
}
periodPos = document.formulaire.email.value.indexOf(".",atPos)
if (periodPos == -1) { // and at least one "." after the "@"
alert('Vous avez oublié le point "." après le signe "@". Veuillez vérifier.')
document.formulaire.email.focus()
return false
}
if (periodPos+3 > document.formulaire.email.value.length) { // must be at least 2 characters after the
alert('Il doit y avoir au moins deux caractères après le signe ".". Veuillez vérifier.')
document.formulaire.email.focus()
return false
}
} // Fin de la fonction
</script>
<!-- InstanceEndEditable --><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="head" -->
<link href="styles.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="willemin, andré, réparation, machine, dépannage, automation, jura, bassecourt, machines, fraiseuse, planeuse, tour, décolleteuse, chargeur, mécanique, hydraulique, électrique, technique, maintenance">
<meta name="description" content="La rubrique formulaire vous permet de nous contacter facilement, remplissez les champs puis cliquez sur envoyer.">
<!-- InstanceEndEditable -->
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table width="950" height="155" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="155" style="vertical-align:top;" background="Images/bannierehaut.jpg">
<div style="position:relative;">
<div style="position:absolute; top:18px; left:555px " class="policegras">Dépannage<br>
Réparation<br>
Automation</div>
<div style="position:absolute; top:134px; left:195px" class="policegras">Service de réparation de machines industrielles ou spéciales </div>
</div></td>
</tr>
</table>
<table width="950" height="520" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="181px" height="155px" valign="top" background="Images/bannieregauche.jpg">
<div style="position:relative;">
<div style="position:absolute; top:9px; left:18px; width: 139px;" class="policegras">
<p align="left">Willemin André<br>
Grand-Chêne 16<br>
2854 Bassecourt</p>
<p align="right">Tél. : 032 426 56 31<br>
032 926 79 66</p>
</div>
<div style="position:absolute; top:142px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="index.html">Accueil</a></div>
<div style="position:absolute; top:195px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="presentation.htm">Présentation</a></div>
<div style="position:absolute; top:248px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="prestations.htm">Prestations</a></div>
<div style="position:absolute; top:301px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="formulaire.htm">Formulaire</a></div>
<div style="position:absolute; top:354px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="achatvente.htm">Achat/vente</a></div>
<div style="position:absolute; top:407px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="liens.htm">Liens</a></div>
<div style="position:absolute; top:460px; left:0px; width: 135px; height: 16px;" class="divmenu"><a href="contact.htm">Contact</a></div>
</div>
<td width="465" valign="top" background="Images/fondecran.jpg" ><!-- InstanceBeginEditable name="Contenu" -->
<p class="policetexte">Remplissez le formulaire puis cliquez sur envoyer.</p>
<form action="lienformulaire.php" method="post" name="formulaire" class="policetexte" id="formulaire" onSubmit="verifSelection()">
<table width="443" border="0">
<tr valign="top">
<td height="35" class="policeformulaire">Statut : </td>
<td class="policeformulaire"><label>
<select name="statut" class="policeformulaire" id="statut">
<option>Entreprise</option>
<option>Particulier</option>
</select>
</label></td>
</tr>
<tr valign="top">
<td width="208" height="35
" class="policeformulaire">Nom de l'entreprise / Nom :</td>
<td width="225" class="policeformulaire"><input name="nom" type="text" class="policeformulaire" id="nom" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Personne concernée / Prénom : </td>
<td class="policeformulaire"><input name="prenom" type="text" class="policeformulaire" id="prenom" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Rue et numéro :</td>
<td class="policeformulaire"><input name="adresse" type="text" class="policeformulaire" id="adresse" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Code postal :</td>
<td class="policeformulaire"><input name="codepostal" type="text" class="policeformulaire" id="codepostal" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Ville :</td>
<td class="policeformulaire"><input name="ville" type="text" class="policeformulaire" id="ville" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Téléphone :</td>
<td class="policeformulaire"><input name="telephone" type="text" class="policeformulaire" id="telephone" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">E-mail : </td>
<td class="policeformulaire"><input name="email" type="text" class="policeformulaire" id="email" size="28"></td>
</tr>
<tr valign="top">
<td height="35" class="policeformulaire">Objet de la demande : </td>
<td class="policeformulaire"><label>
<select name="objetdemande" class="policeformulaire" id="objetdemande">
<option value="Réparation de machine">Réparation de machine</option>
<option value="Cherche une machine">Cherche une machine</option>
<option value="Vend une machine">Vend une machine</option>
<option value="Informations sur une machine">Informations sur une machine</option>
<option value="Question, demande">Question, demande</option>
<option value="Remarque, commentaire">Remarque, commentaire</option>
<option value="Autre">Autre</option>
</select>
</label></td>
</tr>
<tr valign="top">
<td height="70" class="policeformulaire">Votre demande :</td>
<td class="policeformulaire"><textarea name="demande" cols="34" rows="4" class="policeformulaire" id="demande"></textarea></td>
</tr>
<tr>
<td height="10" class="policeformulaire"><div align="right">
<input name="effacer" type="reset" class="policeformulaire" id="effacer" value="Effacer">
</div></td>
<td valign="top" class="policeformulaire"><input name="envoyer" type="submit" class="policeformulaire" id="envoyer" value="Envoyer"></td>
</tr>
</table>
</form>
<!-- InstanceEndEditable --></td>
<td width="288" valign="top" background="Images/bannieretitre.jpg"><!-- InstanceBeginEditable name="Banniere" -->
<p> </p>
<p><img src="Images/titreformulaire.jpg" alt="Formulaire" width="289" height="99"></p>
<p><div style="position:absolute; top:333px; left:680px; width: 240px; height: 159px;" class="policegras"><img src="Images/photoformulaire.jpg" alt="Photo formulaire" width="240" height="159"></div>
<!-- InstanceEndEditable --></td>
<td width="16" valign="top" background="Images/bannieredroite.jpg"> </td>
</tr>
</table>
<table style="height:14px; line-height:14px;" width="950" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:right; padding-right:16px;" height="11" background="Images/bannierebas.jpg"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Copyright © 2007
Willemin André</font></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>