Discussion :

[miltonis]

Bonjour,
Voilà, je dois créer un formulaire avec envoi de pièce-jointe en plus des infos renseignées dans les champs. Le formulaire et l'envoi fonctionnent farpaitement !
SAUF QUE, lorsque je veux mettre un contrôle en javascript sur les champs nom, prenom et email (de manière à ce qu'ils soient obligatoires), le message d'alerte apparait mais l'envoi s'effectue quand même...
j'ai beau mettre "return = false", le mail part même si le champ nom reste vide : moi pas comprendre !

Voici le code de contrôle en JS:

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
<script language="javascript" type="text/javascript">
function submitbutton_reg() {
var form = document.proposer_cv;
var r = new RegExp("[\<|\>|\"|\'|\%|\;|\(|\)|\&|\+|\-]", "i");
// Validation des champs
if (form.nom.value == "") {
alert( "<?php echo "Veuillez entrer votre Nom";?>" );
return false;
} else if (form.prenom.value == "") {
alert( "<?php echo "Veuillez entrer votre Prénom";?>" );
return false;
} else if (form.from.value == "") {
alert( "<?php echo "Veuillez entrer votre Email";?>" );
return false;
} else {
form.submit();
}
}
</script>
 
<form method="post" enctype="multipart/form-data" action="mail4.php" name="proposer_cv">
....

j'ai regardé les tutos de ce site et d'ailleurs, et tenté pas mal de manips, mais l'envoi est toujours fait.
Pouvez-vous m'aider SVP ?
merci d'avance

[E.Bzz]

Bonjour,
oui, mais elle est appelée où ta fonction submitbutton_reg() ?
Ca ne serait pas sur le onclick du bouton submit, des fois ?

Dans ce cas, appelle là sur le onsubmit du <form>, et remplace ton

Code :

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

form.submit();

par

Code :

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

return true;

... et utilise des syntaxes valides W3C, à savoir

Code :

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

document.forms['name_du_form'].elements['name_element'].propriete;

ou encore mieux, l'accès par les id (recommandé).
Tu éviteras ainsi des problèmes de compatibilité ...

A+

[miltonis]

ça marche E.bzz, merci !

Pour les intéressés, voici ce que ça donne

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
<script language="javascript" type="text/javascript">
function submitbutton() {		
	var form = document.proposer_cv;	
	if (form.nom.value == "") {
		alert( "<?php echo "Veuillez entrer votre Nom";?>" );		
		document.proposer_cv.nom.focus(); 			
		return false;
	} else {				
		form.submit();
	}
}
</script>		
<form method="post" enctype="multipart/form-data" action="mail4.php" name="proposer_cv" onsubmit="return submitbutton()">
...
<input type="submit" name="button" value="Envoyer" />
</form>

Par contre, je ne comprends pas pour la validation W3C (que je connais pour le XHTML) mais pas pour le JS...accès par les id ? Késako ?

---

[E.Bzz]

Oui mais, pour respecter la logique :

et remplace ton

Code :

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

form.submit();

par

Code :

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

return true;

Il est préférable d'accéder aux éléments de la page via leur ID qui est unique.
Pour cela, il suffit que chaque element ait un id (strictement unique, donc) et d'utiliser l'instruction

Code :

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

document.getElementById(id_element)

Attention : JS est sensible à la casse ...

A+