Probleme avec formulaire

Résolu/Fermé

thecrazzy84 Messages postés 75 Date d'inscription samedi 28 août 2010 Statut Membre Dernière intervention 18 juillet 2015 - 2 sept. 2010 à 09:05
Info_Queno Messages postés 849 Date d'inscription mardi 17 août 2010 Statut Membre Dernière intervention 12 novembre 2010 - 2 sept. 2010 à 10:29

Je vous poste mon formulaire,

Losque je visualise mon formulaire dans mon editeur , j ai un message d 'erreur ... pour une erreur de script en ligne 80
Erreur : '}'
Quelqu un peut il m aider merci

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Ced</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function check_form(){
//verif du nom
var nom=document.getElementById('nom');
if(nom.value==""){
alert("Vous devez remplir le champ Nom !");
nom.focus(); //on donne le focus au champ nom
return false; //ainsi le formulaire ne sera pas posté
}
//verif prenom
var prenom=document.getElementById('prenom');
if(prenom.value==""){
alert("Vous devez remplir le champ Prénom !");
prenom.focus(); //on donne le focus au champ prenom
return false; //ainsi le formulaire ne sera pas posté
}
//verif dtn
var dtn=document.getElementById('dtn');
if(dtn.value==""){
alert("Vous devez remplir le champ Date de naissance !");
dtn.focus(); //on donne le focus au champ dtn
return false; //ainsi le formulaire ne sera pas posté
}
//verif adresse
var adresse=document.getElementById('adresse');
if(adresse.value==""){
alert("Vous devez remplir le champ Adresse !");
adresse.focus(); //on donne le focus au champ adresse
return false; //ainsi le formulaire ne sera pas posté
}
//verif complement
var complement=document.getElementById('complement');
if(complement.value==""){
alert("Vous devez remplir le champ Complement d'adresse !");
complement.focus(); //on donne le focus au champ complement
return false; //ainsi le formulaire ne sera pas posté
}
//verif cp
var cp=document.getElementById('cp');
if(cp.value==""){
alert("Vous devez remplir le champ Code postal !");
cp.focus(); //on donne le focus au champ cp
return false; //ainsi le formulaire ne sera pas posté
}
//verif ville
var ville=document.getElementById('Ville');
if(ville.value==""){
alert("Vous devez remplir le champ Ville !");
ville.focus(); //on donne le focus au champ ville
return false; //ainsi le formulaire ne sera pas posté
}
//verif telephone
var telephone=document.getElementById('telephone');
if(telephone.value==""){
alert("Vous devez remplir le champ Téléphone !");
telephone.focus(); //on donne le focus au champ telephone
return false; //ainsi le formulaire ne sera pas posté
}
//verif email pas vide et conforme
var champ_email=document.getElementById('email');
if(champ_email.value==""){
alert("Vous devez saisir votre email ! ");
champ_email.focus();
return false; //on renvoie false et on sort de la fonction
}else{
//email pas vide on verifie son format
var regexp = new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g");
if(!regexp.test(champ_email.value) ) {
alert("L'adresse e-mail n'est pas valide ! "+champ_email.value);
champ_email.focus();
return false; //on renvoie false et on sort de la fonction
}
</script>
</head>
<body>

<form name="form1" action="camarche/envoi_post.php" method="post" onSubmit="return check_form();" >


<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="1033" height="196" background="camarche/1.gif" align="center">
<tr>
<td width="340" height="196" valign="middle" style="border-style: none; border-width: medium" align="center"> </td>
<td width="304" height="196" valign="middle" style="border-style: none; border-width: medium" align="center">
<table border="1" cellpadding="0" cellspacing="0" style="border-width:0; border-collapse: collapse" bordercolor="#111111" width="341" height="222">
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Nom : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="nom" id="nom" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Prénom : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="prenom" id="prenom" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Date de naissance : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="dtn" id="dtn" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF"><label for="adresse">Adresse</label> :
</font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="adresse" id="complement0" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF"><label for="adresse0">Complément d'adresse</label>
: </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="complement" id="complement" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Code postal : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="cp" id="cp" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Ville : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="ville" id="ville" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Téléphone : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="telephone" id="telephone" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Email : </font></td>
<td width="170" height="39" align="center" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom: medium none #111111">
<input type="text" name="email" id="email" size="20" /></td>
</tr>
</table>
<p align="center"><input type="submit" name="envoyer" value="Envoyer">
</p>
</td>
<td width="349" height="196" valign="middle" style="border-style: none; border-width: medium" align="center"> </td>
</tr>
</table>
</center>
</form>

</body>

</html>

A voir également:

Probleme avec formulaire
Formulaire de réclamation facebook - Guide
Formulaire instagram compte suspendu - Guide
Le formulaire rempli - Guide
Formulaire de contact le bon coin introuvable - Forum Réseaux sociaux
Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Google Chrome

2 réponses

Réponse 1 / 2

Info_Queno Messages postés 849 Date d'inscription mardi 17 août 2010 Statut Membre Dernière intervention 12 novembre 2010 92
2 sept. 2010 à 09:12

Oh mon dieu, CSS intégré aux balises, javascript dans l'en-tête...

Si tu séparais ton codes en plusieurs fichiers, l'aérait et le commentais un minimum tu n'aurai aucune difficulté à trouver les erreurs.

thecrazzy84 Messages postés 75 Date d'inscription samedi 28 août 2010 Statut Membre Dernière intervention 18 juillet 2015
2 sept. 2010 à 09:29

Je suis completement largué, Peux tu au moins me diriger un peu . ?

Info_Queno Messages postés 849 Date d'inscription mardi 17 août 2010 Statut Membre Dernière intervention 12 novembre 2010 92
2 sept. 2010 à 09:31

Tu met ton javascript et ton CSS dans des fichiers à part et tu les appels dans ton code.

Tu gagnera énormément en temps et en éfficacité

thecrazzy84 Messages postés 75 Date d'inscription samedi 28 août 2010 Statut Membre Dernière intervention 18 juillet 2015
2 sept. 2010 à 09:51

Bon ben c'est du chinois .
Je susi desosele mais je pige pas .

Info_Queno Messages postés 849 Date d'inscription mardi 17 août 2010 Statut Membre Dernière intervention 12 novembre 2010 92
Modifié par Info_Queno le 2/09/2010 à 10:04

C'est bien ce que je vois :)

Je te conseille de reprendre les bases de la programmation HTML avant d'aller plus avant. Oui c'est chiant, mais ça t'évitera un nombre incalculable de problèmes plus tards.

https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Réponse 2 / 2

thecrazzy84 Messages postés 75 Date d'inscription samedi 28 août 2010 Statut Membre Dernière intervention 18 juillet 2015
2 sept. 2010 à 10:15

J ai bien compris ce que tu mexplique et je vais m'y appliquer dessuite.

Mais peux tu me dire pourquoi mon script le fonctionne pas :
Il fonctionne en interne et si je le publie il envoie mon formulaire a partir de la date de naissance alors que j aimerai qu il aille jusqu au bout pour qu il verifie le mail et tout.
Merci d'avance pour ton aide precieuse.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<title>Ced</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function check_form(){
//verif du nom
var nom=document.getElementById('nom');
if(nom.value==""){
alert("Vous devez remplir le champ Nom !");
nom.focus(); //on donne le focus au champ nom
return false; //ainsi le formulaire ne sera pas posté
}
//verif prenom
var prenom=document.getElementById('prenom');
if(prenom.value==""){
alert("Vous devez remplir le champ Prénom !");
prenom.focus(); //on donne le focus au champ prenom
return false; //ainsi le formulaire ne sera pas posté
}
//verif dtn
var dtn=document.getElementById('dtn');
if(dtn.value==""){
alert("Vous devez remplir le champ Date de naissance !");
dtn.focus(); //on donne le focus au champ dtn
return false; //ainsi le formulaire ne sera pas posté
}
//verif adresse
var adresse=document.getElementById('adresse');
if(adresse.value==""){
alert("Vous devez remplir le champ Adresse !");
adresse.focus(); //on donne le focus au champ adresse
return false; //ainsi le formulaire ne sera pas posté
}
//verif complement
var complement=document.getElementById('complement');
if(complement.value==""){
alert("Vous devez remplir le champ Complement d'adresse !");
complement.focus(); //on donne le focus au champ complement
return false; //ainsi le formulaire ne sera pas posté
}
//verif cp
var cp=document.getElementById('cp');
if(cp.value==""){
alert("Vous devez remplir le champ Code postal !");
cp.focus(); //on donne le focus au champ cp
return false; //ainsi le formulaire ne sera pas posté
}
//verif ville
var ville=document.getElementById('Ville');
if(ville.value==""){
alert("Vous devez remplir le champ Ville !");
ville.focus(); //on donne le focus au champ ville
return false; //ainsi le formulaire ne sera pas posté
}
//verif telephone
var telephone=document.getElementById('telephone');
if(telephone.value==""){
alert("Vous devez remplir le champ Téléphone !");
telephone.focus(); //on donne le focus au champ telephone
return false; //ainsi le formulaire ne sera pas posté
}
//verif email pas vide et conforme
var champ_email=document.getElementById('email');
if(champ_email.value==""){
alert("Vous devez saisir votre email ! ");
champ_email.focus();
return false; //on renvoie false et on sort de la fonction
}else{
//email pas vide on verifie son format
var regexp = new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g");
if(!regexp.test(champ_email.value) ) {
alert("L'adresse e-mail n'est pas valide ! "+champ_email.value);
champ_email.focus();
return false; //on renvoie false et on sort de la fonction
}
//etc pour tous les champs a tester non vides

//et a la fin de la fonction
return true; //si on est arrivé la c'est que tout est ok donc on autorise l'envoi du formulaire
}
//verif email
var email=document.getElementById('email');
if(email.value==""){
alert("Vous devez remplir le champ email !");
email.focus(); //on donne le focus au champ email
return false; //ainsi le formulaire ne sera pas posté
}
//etc pour tous les champs a tester non vides

//et a la fin de la fonction
return true; //si on est arrivé la c'est que tout est ok donc on autorise l'envoi du formulaire
}
</script>
</head>

<body>

<form name="form1" action="camarche/envoi_post.php" method="post" onSubmit="return check_form();">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="1033" height="196" background="camarche/1.gif" align="center">
<tr>
<td width="340" height="196" valign="middle" style="border-style: none; border-width: medium" align="center">
</td>
<td width="304" height="196" valign="middle" style="border-style: none; border-width: medium" align="center">
<table border="1" cellpadding="0" cellspacing="0" style="border-width:0; border-collapse: collapse" bordercolor="#111111" width="341" height="222">
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Nom : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="nom" id="nom" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Prénom : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="prenom" id="prenom" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Date de naissance : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="dtn" id="dtn" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF"><label for="adresse">Adresse</label> : </font>
</td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="adresse" id="complement0" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF"><label for="adresse0">Complément d'adresse</label>
: </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="complement" id="complement" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Code postal : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="cp" id="cp" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Ville : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="ville" id="ville" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Téléphone : </font></td>
<td width="170" height="39" align="center" style="border-style: none; border-width: medium">
<input type="text" name="telephone" id="telephone" size="20" /></td>
</tr>
<tr>
<td width="169" height="39" align="left" style="border-style: none; border-width: medium">
<font color="#FFFFFF">Email : </font></td>
<td width="170" height="39" align="center" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom: medium none #111111">
<input type="text" name="email" id="email" size="20" /></td>
</tr>
</table>
<p align="center"><input type="submit" name="envoyer" value="Envoyer"> </p>
</td>
<td width="349" height="196" valign="middle" style="border-style: none; border-width: medium" align="center">
</td>
</tr>
</table>
</center>
</form>

</body>

</html>

Info_Queno Messages postés 849 Date d'inscription mardi 17 août 2010 Statut Membre Dernière intervention 12 novembre 2010 92
2 sept. 2010 à 10:29

Désolé je me plonge pas dans un bazar comme ça :)

Recommence ton code à 0 après avoir lu les tutorials, tu verra, ça sera beaucoup plus simple.

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Je n'arrive plus à récuperer mon compte Outlook

Google Chrome : "Nouvel envoi du formulaire"

Confirmation de l'envoi d'un formulaire html

Problème d'envoi de formulaire