Discussion :

[hisy]

Bonjour,

Je voudrais mettre une vérification sur un formulaire tout simple ...

Voici mon code javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function verifForm(){
	erreur=0;
	message="";
             // BOUCLE SUR LES CHAMPS : Je vérifie que tous les champs contiennent au moins 1 caractère sinon message + changement de style ...
	for(i=0;i<document.forms[0].elements.length;i++){
		document.forms[0].elements[i].className='ok';
		if(document.forms[0].elements[i].value.length<1) {
			document.forms[0].elements[i].className='erreur';
			erreur++;
			message='Tous les champs sont obligatoires';
		}
	}
             // Petite vérif spécifique au mail ...
	if(!estMail(document.formulaire.email)) {
		erreur++;
		document.forms[0].email.className='erreur';
		message+="\nAdresse email incorrecte";
	}
	if(erreur==0) 	return true;
	alert(message);
	return false;
}

Mon appel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form action="contact_exec.php?pagId={pagId}&jsId={jsId}" name="formulaire" method="post" class="cssform" onSubmit="return verifForm();">

Apparement c'est dans la BOUCLE SUR LES CHAMPS le pb ... quoi qu'il en soit le formulaire est toujours soumis... Je comprends rien ...

Merci pour votre aide...

[E.Bzz]

Bonjour,
comment soumets-tu le form : un type = "submit" ?
On peut voir ?

A+

[hisy]

Effectivement, un type=submit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
		<form action="contact_exec.php?pagId={pagId}&jsId={jsId}" name="formulaire" method="post" class="cssform" onSubmit="return verifForm();">
			<input type="hidden" name="evenement" value="envoi_mail">
				<p><label for="nom">Nom</label><input name="nom" type="text" id="nom" value="{nom}"></p>
				<p><label for="prenom">Pr&eacute;nom:&nbsp;</label><input name="prenom" type="text" id="prenom" value="{prenom}"></p>
				<p><label for="adresse">Adresse</label><input name="adresse" id="adresse" type="text"  value="{adresse}"></p>
				<p><label for="cp">Code postal</label><input name="cp" type="text" id="cp" value="{cp}"></p>
				<p><label for="ville">Localit&eacute;:&nbsp;</label><input name="ville" type="text" id="ville" value="{ville}"></p>
				<p><label for="tel">T&eacute;l&eacute;phone</label><input name="tel" type="text" id="tel" value="{tel}"></p>
				<p><label for="email">Email</label><input name="email" type="text" id="email" value="{emailPro}" onChange="if(!estMail(this)) {this.className='erreur'; alert('Adresse incorrecte');}"></p>
				<p><label for="question">Votre question </label><textarea name="question" id="question" cols="40" rows="4"></textarea></p>
				<p align="center"><input type="submit"  value="ENVOYER">
				<input type="reset" name="Submit2" value="Effacer"></p>
		</form>

Il faut mettre le submit sur le onClick d'un bouton ??

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<p><label for="nom">Nom</label><input name="nom" type="text" id="nom" value="{nom}"></p>
				<p><label for="prenom">Pr&eacute;nom:&nbsp;</label><input name="prenom" type="text" id="prenom" value="{prenom}"></p>
				<p><label for="adresse">Adresse</label><input name="adresse" id="adresse" type="text"  value="{adresse}"></p>
				<p><label for="cp">Code postal</label><input name="cp" type="text" id="cp" value="{cp}"></p>
				<p><label for="ville">Localit&eacute;:&nbsp;</label><input name="ville" type="text" id="ville" value="{ville}"></p>
				<p><label for="tel">T&eacute;l&eacute;phone</label><input name="tel" type="text" id="tel" value="{tel}"></p>
				<p><label for="email">Email</label><input name="email" type="text" id="email" value="{emailPro}" onChange="if(!estMail(this)) {this.className='erreur'; alert('Adresse incorrecte');}"></p>
				<p><label for="question">Votre question </label><textarea name="question" id="question" cols="40" rows="4"></textarea></p>
				<p align=

Tous tes champs ont un value par défaut, donc effectivement, dans ta boucle, ils ont tous un length>0...

[E.Bzz]

Heu ... c'est la fin de la journée, je vais peut-être dire une c***ie, mais :
tu testes la longueur des value dans ton onsubmit alors que tous tes champs sont initialisés

[hisy]

Ben en fait ce qui est entre accolade est du langage de template PHP ...
Une fois 'parser' mes values seront vides ...

Je vous envoie le code interprêté ... c plus clair ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<form action="contact_exec.php?pagId=202&jsId=smenu1" name="formulaire" method="post" class="cssform" onSubmit="return verifForm();">
			<input type="hidden" name="evenement" value="envoi_mail">
				<p><label for="nom">Nom</label><input name="nom" type="text" id="nom" value=""></p>
				<p><label for="prenom">Pr&eacute;nom:&nbsp;</label><input name="prenom" type="text" id="prenom" value=""></p>
 
				<p><label for="adresse">Adresse</label><input name="adresse" id="adresse" type="text"  value=""></p>
				<p><label for="cp">Code postal</label><input name="cp" type="text" id="cp" value=""></p>
				<p><label for="ville">Localit&eacute;:&nbsp;</label><input name="ville" type="text" id="ville" value=""></p>
				<p><label for="tel">T&eacute;l&eacute;phone</label><input name="tel" type="text" id="tel" value=""></p>
				<p><label for="email">Email</label><input name="email" type="text" id="email" value="" onChange="if(!estMail(this)) {this.className='erreur'; alert('Adresse incorrecte');}"></p>
 
				<p><label for="question">Votre question </label><textarea name="question" id="question" cols="40" rows="4"></textarea></p>
				<p align="center"><input type="submit"  value="ENVOYER">
				</p>
		</form>

[dimrun]

Ce n'est pas ce qu'on peut appeler une vrai réponse mais tu pourrais peut être faire tes tests en php. C'est certainement plus simple, plus propre et plus sécurisé : rien n'empêche de passer outre les contrôles que tu implémente en javascript.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function verifForm(){
	var erreur=true;
	message="";
             // BOUCLE SUR LES CHAMPS : Je vérifie que tous les champs contiennent au moins 1 caractère sinon message + changement de style ...
	for(i=0;i<document.forms[0].elements.length;i++){
		document.forms[0].elements[i].className='ok';
		if(document.forms[0].elements[i].value=='') {
			document.forms[0].elements[i].className='erreur';
			erreur=false;
			message='Tous les champs sont obligatoires';
		}
	}
             // Petite vérif spécifique au mail ...
	if(!estMail(document.formulaire.email)) {
		erreur=false;
		document.forms[0].email.className='erreur';
		message+="\nAdresse email incorrecte";
	}
	if(!erreur) {alert(message;}
	return erreur;
}