onSubmit() retourne toujours true

Version imprimable

Bonjour,

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

Voici mon code javascript:
Code:

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:

<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 ... :aie:

Merci pour votre aide...

09/09/2008, 17h38
E.Bzz

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

A+

Effectivement, un type=submit :

Code:

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 ??

Code:

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...

09/09/2008, 17h47
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 :koi:

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:

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>

Pour stopper l'évènement:

Code:

1
2
3
4
5
6
7
8
9
 
function stopEvenement(eve)
{
    if (window.event) {
        window.event.returnValue = false;
    } else {
        eve.preventDefault();
    }
}

;)

22/10/2008, 17h11
dimrun

Fausse réponse

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.

Code:

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;
}