Vérification champs formulaire

Version imprimable

Bonjour,

J'ai dans mon site des formulaires que l'utilisateur peut remplir et j'aimerais pouvoir vérifier la validité de ce qu'il a entré avant de l'envoyer vers une autre page.

Pour cela, j'ai crée cette fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script language="JavaScript"> function checkContact() { var champ_nom = document.form_mail.nom.value; if (champ_nom == "") { alert("Vous devez entrer un nom."); return false; } } </script>
j'ai bien un champ qui s'appelle nom dans un formulaire nommé form_mail
Voici mon bouton submit :
Code:

1 2 <input type="submit" value="Envoyer" onClick="javascript:return checkContact();" />
Cela ne fait absolument rien même si le champs est vide. Aurais-je fait une erreur ?

non je n'ai pas vu d'erreur ... mais je te conseil de faire ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
function checkContact()
	{
		var champ_nom = document.forms['form_mail'].nom.value;
 
		if (champ_nom == "")
		{
			alert("Vous devez entrer un nom.");
		}
		else{
			document.forms['form_mail'].submit();
		}
	}
	</script>
</head>
 
<body>
<form name="form_mail">
<input type="text" name="nom" />
<input type="button" value="Envoyer" onClick="checkContact();"  />
</form>
</body>
</html>

29/04/2008, 09h12
Invité

Merci, j'ai corrigé en mettant comme tu me l'as dit et apparemment maintenant tout fonctionne.

Merci ! :mouarf: