test de plusieurs champs dans un formulaire
je cherche à tester tous les champs dans le code suivant avec les fonctions ecrites et ce en appuyant sur le bouton Afficher
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function verif_formulaire()
{
if(document.formulaire.nom.value == "")
{
alert("Veuillez entrer votre nom!");
document.formulaire.nom.focus();
return false;
}
if(document.formulaire.prenom.value == "")
{
alert("Veuillez entrer votre prenom!");
document.formulaire.prenom.focus();
return false;
}
if(document.formulaire.email.value == "")
{
alert("Veuillez entrer votre adresse email!");
document.formulaire.email.focus();
return false;
}
// verifie que le champ comprend bien un @
if(document.formulaire.email.value.indexOf('@') == -1)
{
alert("Le format de l'email n'est pas valide!");
document.formulaire.email.focus();
return false;
}
}
</script>
<script language="javascript">
function test_CP(x){
x.style.borderColor="";
var valobj=x.value;
var ch=x.value;
var recherche = /^[0-9]{4,5}$/;
var resultat = recherche.test(valobj);
if(!resultat || valobj=="" || x.value.length>4)
{
alert("Code postale invalide !");
x.style.borderColor="red";
x.focus();
}
return true;
}
</script>
<script language="javascript">
function test_num_tel(y){
y.style.borderColor="";
var valobj=y.value;
var recherche = /^[0-9]{8,13}$/;
var resultat = recherche.test(valobj);
if(!resultat && valobj=="")
{ alert("Numero invalide !");
y.style.borderColor="red";
y.focus();
}
return true;}
</script>
</head>
<BODY>Tapez votre texte:<br>
<FORM METHOD=POST ACTION="" NAME="formulaire">
nom : <INPUT TYPE="text" NAME="nom"><BR>
prénom :<INPUT TYPE="text" NAME="prenom"><BR>
mail: <INPUT TYPE="text" NAME="email"><BR>
Code Postale: <INPUT TYPE="text" NAME="x"><BR>
tel:<INPUT TYPE="text" NAME="y"><BR>
<INPUT TYPE="button" NAME="bouton" VALUE="Afficher">
</FORM>
</BODY>
</html> |
