Vérification champs de texte et liste déroulantes

**yashiro41281** · 23/12/2014, 15h24

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>

**micetf** · 23/12/2014, 17h29

Bonjour,

Tu devrais déjà distinguer le i des catégories de celui des articles : iCategorie, iArticle, par exemple.

Fred

**SylvainPV** · 24/12/2014, 12h54

Code :

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

 onsubmit="return verif_champ(document.envoi.Adresse_Livraison.value);recalculer();"

A cause du return, la fonction recalculer ne sera jamais appelée ici

**NoSmoking** · 24/12/2014, 14h21

Bonjour,
le code n'est pas très académique bien que fonctionnel...

Les formulaires

**lysandro** · 24/12/2014, 17h23

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function verif_champ(Adresse_Livraison,Categorie,Article) 
{ 
var adr = document.envoi.Adresse_Livraison.value == "";
var catego = document.envoi.Categorie.value == "";
var Arti = document.envoi.article.value == "";
if (adr || catego || Arti ) 
{ alert("Un champ n'est pas rempli"); 
return false; 
} 
return true; 
}

Ça devrait mieux fonctionner comme ça, tu compareras avec ton code. Enfin, pour cette partie là seulement cf remarques précédentes

Vérification champs de texte et liste déroulantes

JavaScript

Discussions similaires

Partager

Partager