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