Vérification champs de texte et liste déroulantes
Salutations
j'ai un formulaire de passage de commande pour un restaurant mais je n'arrive pas a tester les champs "adresse de livraison" et les deux listes deroulantes "categorie" et "Article" pour valider l'envoi du formulaire par email.
Merci d'avance
code :
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Commande Client</title>
<script>
<!--
function Choix(form) {
i = form.Categorie.selectedIndex;
if (i == 0) {
for (i=0;i<4;i++) {
form.article.options[i].text="";
}
return;
}
form.article.selectedIndex = 0;
switch (i) {
case 1 : var txt = new Array ('Soupe_De_Poisson','Boeuf_Stroganoff','Mignonette_De_Poulet'); break;
case 2 : var txt = new Array ('Terrine_de_courgettes','Gaspacho','Salade_Cesar'); break;
case 3 : var txt = new Array ('Pizza_Napolitaine','Pizza_Marinara','Pizza_Margheritta'); break;
case 4 : var txt = new Array ('Pita_Poulet_marine','Wrap_Dinde_marinee','Croc_Monsieur'); break;
}
form.article.options[0].text="";
for (i=0;i<4;i++) {
form.article.options[i+1].text=txt[i];
}
}
</script>
<script>
function verif_champ(Adresse_Livraison,Categorie,Article)
{
var adr = document.envoi.Adresse_Livraison.value == "";
var catego = document.envoi.Categorie.selectedindex.value == "";
var Arti = document.envoi.article.selectedindex.value == "";
if (adr && catego && arti )
{ alert("Un champ n'est pas rempli");
return false;
}
return true;
}
</script>
<script language="javascript"> function calcul() {
var e = document.getElementById("article");
var strUser = e.options[e.selectedIndex].value;
switch (strUser) {
case 'Soupe_De_Poisson' : var prix = "450" ; break;
case 'Boeuf_Stroganoff' : var prix = "800" ; break;
case 'Mignonette_De_Poulet' : var prix = "550" ; break;
case 'Terrine_de_courgettes' : var prix = "300" ; break;
case 'Gaspacho' : var prix = "325" ; break;
case 'Salade_Cesar' : var prix = "335" ; break;
case 'Pizza_Napolitaine' : var prix = "315" ; break;
case 'Pizza_Marinara' : var prix = "365" ; break;
case 'Pizza_Margheritta' : var prix = "375" ; break;
case 'Pita_Poulet_marine' : var prix = "255" ; break;
case 'Wrap_Dinde_marinee' : var prix = "250" ; break;
case 'Croc_Monsieur' : var prix = "150" ; break;
}
val1=prix;
val2=parseInt(document.getElementById('Nombre').value);
var total1=0;
//var remise=0;
if ( val2>= 10) {
alert("vous avez benificié d'un article gratuit");
total1=val1*val2;
document.getElementById('Nombre').value=val2+1;
}
if (val2 < 10) {
total1=val1*val2;
}
document.getElementById('Prixt').value=total1;
}
</SCRIPT>
<style type="text/css">
body {
background-image: url(restauration-commercialisation-service0.jpg);
}
</style>
</head>
<body>
<p> Commande Client</p>
<form action="mailto:polux@gmail.com?subject=Commande Client" name="envoi" method=POST enctype="text/plain" onsubmit="return verif_champ(document.envoi.Adresse_Livraison.value);recalculer();">
<p>Adresse Livraison :
<label for="Adresseli"></label><input type="text" name="Adresse_Livraison" id="Adresseli">
</p>
<p>
Choisir Une categorie :
<SELECT NAME="Categorie" onChange="Choix(this.form);" id="categorie">
<OPTION></OPTION>
<OPTION>Plats Chauds</OPTION>
<OPTION>Entrées Froides</OPTION>
<OPTION>Pizzas</OPTION>
<OPTION>Sandwichs</OPTION>
</SELECT>
<label for="cat"></label>
</p>
<p>
Choisir un article :
<SELECT NAME="article" id="article" onChange="calcul()">
<OPTION></OPTION>
<OPTION></OPTION>
<OPTION></OPTION>
<OPTION></OPTION>
</SELECT>
<label for="art"></label>
</p>
<p>Nombre :
<label for="Nombre"></label>
<input name="Nombre" type="text" id="Nombre" onchange="calcul()" value="1">
<label for="Cat"></label>
</p>
<p>Prix Total :
<label for="Prixt"></label>
<input name="Prix Total" type="text" disabled id="Prixt" >
<label for="Art"></label>
</p>
<p>
<input type="submit" name="" id="" value="Commander">
</p>
</form>
</body>
</html> |
