Validation formulaire sous condition

**BRUNO71** · 17/06/2013, 15h41

Bonjour,

Je souhaiterais valider un formulaire avec 4 conditions…et afficher oui ou non une fois le bouton submit appuyé.
Je bricole mais sans résultat, qui peut m’aider.
Voici l’exemple :

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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
 
<!DOCTYPE html>  
<html lang="fr" dir="ltr">  
	<head> 
<title></title>                        
  </head>
 
<body> 
 
<script>
 
			var liste_1 = false;
			var url_1 = false;
			var url_2 = false;
			var TextArea1 = false;
 
			function verif_Onglet_1()
			{
				if liste_1 = document.getElementById('liste_1').options[0].selected;
				{
 
					liste_1 = false;
					verifSubmit_onglet_1()
;
				}
				else
				{
 
					liste_1 = true;
					verifSubmit_onglet_1()
;	
				}
			}
			function verifurl_1()
			{
				url_1 = document.getElementById('url_1').value;
				if (url_1.length = '' )
				{
 
					url_1 = false;
					verifSubmit_onglet_1()
;
				}
				else
				{
 
					url_1 = true;
					verifSubmit_onglet_1()
;	
				}
			}
 
 
			function verifurl_2()
			{
				url_2 = document.getElementById('url_2').value;
				if (pseudo.length = '')
				{
 
					url_2 = false;
					verifSubmit_onglet_1()
;
				}
				else
				{
 
					url_2 = true;
					verifSubmit_onglet_1()
;	
				}
			}
 
			function verifTextArea1()
			{
				TextArea1 = document.getElementById('TextArea1').value;
 
				if (TextArea1.length = '')
				{
					TextArea1 = false;
					verifSubmit_onglet_1()
;
				}
				else
				{
					TextArea1 = true;
					verifSubmit_onglet_1()
;			
				}
			}
 
			function verifSubmit_onglet_1()
 
			{
				if(liste_1 == true && url_1 == true && url_2 == true && TextArea1 == true)
				{
 
					alert('oui');
				}
				else
				{
					alert('non');
 
				}
			}
		</script>
 
 <form name="form_rens" method="post" action="">     
 
						<label>Que souhaitez-vous ?</label>
	                  	<select name="liste_1" id="liste_1" >
                    	<option value=""></option>
		                <option value="Choix1">Choix 1</option>
                        <option value="Choix2">Choix 2</option>
                        <option value="autre">Autre</option>  
                        </select><br>
 
			<br>
 
 
				<label>Choix 1</label>
				<input class="bord" name="url_1" type="text" style="width:300px" /> 
 
<br>
 
			<input  name="url_2" type="text"  style="width:300px" /> 
 
 
<br>		<br>		
 
									<textarea cols="50" rows="2" class="bord" name="TextArea1" ></textarea><br>
 
 
 
 
<br><br>	
 
								<input onclick="return verif_Onglet_1(this)" name="Button1" type="button" value="Valider" />
 
	             </div>
 
 
 </form>      
 
</body>
</html>

Merci beaucoup.

**Barsy** · 17/06/2013, 16h01

Ton code est truffé d'erreur de syntaxe. C'est normal qu'il ne fonctionne pas.
Tu as oublié des parenthèses sur un "if". Tu écris "=" dans tes conditions au lieu de "==" et tu mets des points-virgules à la fin de ligne qui ne devraient pas en avoir.
Il y a aussi des "getElementById" qui font référence à des attributs "name" au lieu de faire référence à des "id".
Et l'ensemble est un méli-mélo truffé de bugs.

Une version plus propre du code et qui fonctionne :

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
128
 
<!DOCTYPE html>  
<html lang="fr" dir="ltr">  
	<head> 
<title>salut</title>                        
  </head>
 
<body> 
 
<script>
 
 
			var liste_1 = false;
			var url_1 = false;
			var url_2 = false;
			var TextArea1 = false;
 
			function verif_Onglet_1()
			{
				if (document.getElementById('liste_1').selectedIndex == 0)
				{
					liste_1 = false;
				}
				else
				{
					liste_1 = true;
				}
			}
			function verifurl_1()
			{
				url_1 = document.getElementById('url_1').value;
				if (url_1.length == '')
				{
					url_1 = false;
				}
				else
				{
					url_1 = true;	
				}
			}
 
 
			function verifurl_2()
			{
				url_2 = document.getElementById('url_2').value;
				if (url_2.length == '')
				{
					url_2 = false;
				}
				else
				{
					url_2 = true;	
				}
			}
 
			function verifTextArea1()
			{
				TextArea1 = document.getElementById('TextArea1').value;
 
				if (TextArea1.length == '')
				{
					TextArea1 = false;
				}
				else
				{
					TextArea1 = true;		
				}
			}
 
			function verifSubmit_onglet_1()
			{
				verif_Onglet_1();
				verifurl_1();
				verifurl_2();
				verifTextArea1();
 
				if(liste_1 == true && url_1 == true && url_2 == true && TextArea1 == true)
				{
					alert('oui');
					return true;
				}
				else
				{
					alert('non');
					return false;
				}
			}
		</script>
 
 <form id="form_rens" method="post" action="">     
 
						<label>Que souhaitez-vous ?</label>
	                  	<select name="liste_1" id="liste_1" >
                    	<option value=""></option>
		                <option value="Choix1">Choix 1</option>
                        <option value="Choix2">Choix 2</option>
                        <option value="autre">Autre</option>  
                        </select><br>
 
			<br>
 
 
				<label>Choix 1</label>
				<input class="bord" id="url_1" type="text" style="width:300px" /> 
 
<br>
 
			<input  id="url_2" type="text"  style="width:300px" /> 
 
 
<br>		<br>		
 
									<textarea cols="50" rows="2" class="bord" id="TextArea1" ></textarea><br>
 
 
 
 
<br><br>	
 
								<input onclick="return verifSubmit_onglet_1()" id="Button1" type="button" value="Valider" />
 
	             </div>
 
 
 </form>      
 
</body>
</html>

**BRUNO71** · 18/06/2013, 12h51

Bonjour,

Merci

.

Effectivement je suis impardonnable, (=) n’est pas équivalent à (==)….etc

C'est génial...
Bien cordialement,

Validation formulaire sous condition

JavaScript

Discussions similaires

Partager

Partager