Validation bouton radio

**RodLake** · 29/03/2012, 10h20

Bonjour je suis un débutant et je n'ose pas trop poster dans ce forum pour professionnels. Je ne veux pas vous faire perdre votre temps mais vous êtes mon seul espoir de régler mon problème. J'ai cherché dans le forum et j'ai bien trouvé ceci et j'ai tenté de l'adapter a mes besoins mais sans succes.

Je tente de réaliser un formulaire d'évaluation. Ce formulaire contiendra environ une 40taine de questions. Les réponses sont sous forme de bouton radio. Il ne peut y avoir de question laissée vide et je ne peux utiliser la fonction de pré sélectionner un bouton radio. J'ai mis chaque question sous forme de include dans le formulaire principal. Voici le 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
<?php
/*******************************SECTION QUESTIONS**********************/
include 'Questions/question_1.php';
 
include 'Questions/question_2.php';
 
include 'Questions/question_3.php';
 
include 'Questions/question_4.php';
 
include 'Questions/question_5.php';
 
include 'Questions/question_6.php';
 
?>	
 
 
 
  <div>
	<input type="submit" value="OK" />
      </div>
    </form>

et voici le code d'une question:

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
 
 
<?php
/*******************************Question 6**************************/
$choices = array('5', '0', 'null', '5');
if (!empty($_POST['question_6']) &&
    is_array($_POST['question_6']) &&
    !empty($_POST['question_6']['choice']) &&
    in_array($_POST['question_6']['choice'], $choices)
    )
  {
    echo 'Reponse: ', $_POST['question_6']['choice'];
    if ($_POST['question_6']['choice'] === '5')
      echo '<br />Texte: ', $_POST['question_6']['txt'];
        else if ($_POST['question_6']['choice'] === '0')
      echo '<br />Texte: ', $_POST['question_6']['txt'];
        else if ($_POST['question_6']['choice'] === 'null')
      echo '<br />Texte: ', $_POST['question_6']['txt'];
        else if ($_POST['question_6']['choice'] === '5')
      echo '<br />Texte: ', $_POST['question_6']['txt'];
  }
 
?>
    </p>
 
 
<form method="post" id="form1" name="radio_form" action="">
      <fieldset>
	<legend>6- Utilise le protocole de mise en commnication </legend>
	<input type="radio" name="question_6[choice]" id="q6ryes" class="quest6" value="5" /><label for="q6ryes">Oui</label>
	<input type="radio" name="question_6[choice]" id="q6rno" class="quest6" value="0" /><label for="q6rno">Non</label>
	<input type="radio" name="question_6[choice]" id="q6rna" class="quest6" value="null" /><label for="q6rna">N/A</label>
	<input type="radio" name="question_6[choice]" id="q6rau" class="quest6" value="5" /><label for="q6rau">Pondération</label>
	<input type="text" name="question_6[txt]" id="q6rinput" value="<?php if (!empty($_POST['question_6']['txt'])) echo $_POST['question_6']['txt']; ?>" />
      </fieldset>
 
 
 
 
	<script type="text/javascript">
 
 
 
       function q6_switch() {
	  $('#q6rinput').hide();
 
	   if ($('#q6rau:checked').length >= 1)
	      $('#q6rinput').show();
      }
 
      q6_switch();
      $('.quest6').change(function() {
	  q6_switch();
	  $('#q6rinput').val($(this).val());
      });
    </script>

Je ne sais pas si je dois mettre le code de validation sur la page formulaire ou pour chaque question.

Merci de prendre le temps de me lire.

**_tom_** · 29/03/2012, 16h22

Bonjour,

Tu peux mettre ton code de validation dans ton fichier contenant les include, ou bien dans chaque fichier de question.

Dans tout les cas, tu pourras appeler ce code de validation dans ton fichier principal.

Cependant, il me paraît plus claire d'effectuer la validation dans chaque fichier question, cela allégera ton fichier principal.

En espérant t'avoir aider

**RodLake** · 29/03/2012, 18h46

C'est ce que j'avais déja essayé mais sans succès. Je vais ré essayer de nouveau et poster mon code si çca ne marche pas ...merci

**RodLake** · 04/04/2012, 20h17

Bonjour à tous

Cela fait plusieurs jours que je tente de régler ce problème et je commence à perdre le sommeil. J'ai essayé des tonnes de combinaisons avec différents scripts et impossible de faire fonctionner. En plus lorsque j'ajoute un bout de script pour tenter de valider les boutons le script pour faire afficher la text box ne fonctionne plus?????
Y aurait-il une âme charitable qui pourrait me mettre sur une piste, me montrer comment faire ou me donner une solution ?

Merci de prendre le temps de me lire !!!!!

**NoSmoking** · 04/04/2012, 20h32

Bonjour,
il serait déjà souhaitable que tu mettes le code HTML généré et non le code PHP, on y verrait surement plus clair.

**RodLake** · 04/04/2012, 20h43

Bonjour désolé je ne suis pas sûr de comprendre j'imagine que vous avez besoin de la page au complet et pas juste le bout de code concerné. Alors voici :

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
 
 
<?php 
include 'dbc.php';
page_protect();
 
 
?>
<html>
<head>
<title>Grille Écoute Permanent</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
 
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="5" class="main">
  <tr> 
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr> 
    <td width="260" valign="top">
<?php 
/*********************** MYACCOUNT MENU ****************************
This code shows my account menu only to logged in users. 
Copy this code till END and place it in a new html or php where
you want to show myaccount options. This is only visible to logged in users
*******************************************************************/
if (isset($_SESSION['user_id'])) {?>
<div class="myaccount">
  <p><strong>My Account</strong></p>
  <a href="myaccount.php">My Account</a><br>
  <a href="mysettings.php">Settings</a><br>
    <a href="logout.php">Logout </a><br>
	<a href="Grille ecoute Permanent.php">Grille écoute PCU permanent </a><br>
 
  <p>You can add more links here for users</p></div>
<?php }
if (checkAdmin()) {
/*******************************END**************************/
?>
      <p> <a href="admin.php">Admin CP </a></p>
	  <?php } ?>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p></td>
    <td width="732" valign="top"><p>&nbsp;</p>
      <h3 >Utilisateur: <?php echo $_SESSION['user_name'];?></h3>  
	  <?php   
      if (isset($_GET['msg'])) {
          echo "<div class=\"error\">$_GET[msg]</div>";
          }
                  
          ?>
      <p>Grille Écoute PCU Permanent</p>
 
 
 
 
 
Sélectionnez le PCU: <?php
/****************************Liste déroiulate PCU****************************/
include 'liste_deroulante_pcu.php';
?>   Date:<?php echo date ("Y/m/d") ?>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;	No carte d'appel: <input type="text" name="no_carte_appel[txt]" value="";
 
 
 
 
<p>
<p>
 
 
 
 
<h4 class="titlehdr">TRAITEMENT TÉLÉPHONIQUE </h4>  
 
 
 
 
 
<?php
/*******************************SECTION QUESTIONS**********************/
include 'Questions/question_1.php';
 
include 'Questions/question_2.php';
 
include 'Questions/question_3.php';
 
include 'Questions/question_4.php';
 
include 'Questions/question_5.php';
 
include 'Questions/question_6.php';
 
include 'Questions/question_8.php';
 
?>	
 
	<div>
	<input type="submit" value="OK" />
      </div>
    </form>
 
 
 
 
 
 
 
      </td>
 
    <td width="196" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="3">&nbsp;</td>
  </tr>
</table>
 
</body>
</html>

Merci

**Bovino** · 04/04/2012, 21h23

Envoyé par NoSmoking

le code HTML généré et non le code PHP

**RodLake** · 05/04/2012, 13h15

Bon après plusieurs heures de recherches je ne sais toujours pas comment poster le code html généré. J'ai recherché sur le forum dans google et je ne comprends pas du tout.
Maintenant je me retrouve avec 2 problèmes au lieu de 1.
Merci quand même pour votre aide.

**Bovino** · 05/04/2012, 13h39

Ben, c'est pourtant simple, il suffit d'afficher le code source dans le navigateur (CTRL + U avec Firefox) et de copier / coller la partie utile.

Dans la mesure où c'est uniquement ce code généré qui est utilisé par JavaScript, c'est lui dont on a besoin pour savoir à partir de quoi tu travailles.

**RodLake** · 05/04/2012, 14h59

Merci Bovino.
C'était si simple mais je ne connaissait pas sous ces termes.
Alors voilà le code source .....

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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<html>
<head>
<title>Grille Écoute Permanent</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
 
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="5" class="main">
  <tr> 
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr> 
    <td width="260" valign="top">
<div class="myaccount">
  <p><strong>My Account</strong></p>
  <a href="myaccount.php">My Account</a><br>
  <a href="mysettings.php">Settings</a><br>
    <a href="logout.php">Logout </a><br>
	<a href="Grille ecoute Permanent.php">Grille écoute PCU permanent </a><br>
 
  <p>You can add more links here for users</p></div>
      <p> <a href="admin.php">Admin CP </a></p>
	        <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p></td>
    <td width="732" valign="top"><p>&nbsp;</p>
      <h3 >Utilisateur: admin</h3>  
	        <p>Grille Écoute PCU Permanent</p>
 
 
 
 
 
Sélectionnez le PCU: 
 
<form>
   <select>
<option>Debellefeuille, Roch</option>
<option>Durand, Pierre</option>
<option>eee, qqq</option>
<option>Moglia-Charron, Nicole</option>
<option>qqq, eee</option>
<option>qqq, eee</option>
<option>rrr, fff</option>
</select>
</form>   Date:2012/04/05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;	No carte d'appel: <input type="text" name="no_carte_appel[txt]" value="";
 
 
 
 
<p>
<p>
 
 
 
 
<h4 class="titlehdr">TRAITEMENT TÉLÉPHONIQUE </h4>  
 
 
 
 
 
 
 
 
    </p>
 
    <form method="post" action="">
      <fieldset>
	<legend>1-Utilise le protocole d'accueil </legend>
	<input type="radio" name="question_1[choice]" id="q1ryes" class="quest1" value="5" /><label for="q1ryes">Oui</label>
	<input type="radio" name="question_1[choice]" id="q1rno" class="quest1" value="0" /><label for="q1rno">Non</label>
	<input type="radio" name="question_1[choice]" id="q1rna" class="quest1" value="null" /><label for="q1rna">N/A</label>
	<input type="radio" name="question_1[choice]" id="q1rau" class="quest1" value="5" /><label for="q1rna">Pondération</label>
	<input type="text" name="question_1[txt]" id="q1rinput" value="" />
      </fieldset>
 
	 <script type="text/javascript">
       function q1_switch() {
	  $('#q1rinput').hide();
 
	   if ($('#q1rau:checked').length >= 1)
	      $('#q1rinput').show();
      }
 
      q1_switch();
      $('.quest1').change(function() {
	  q1_switch();
	  $('#q1rinput').val($(this).val());
      });
    </script> 
 
 
 
    </p>
 
    <form method="post" action="">
      <fieldset>
	<legend>2-Identifie les informations rapidement</legend>
	<input type="radio" name="question_2[choice]" id="q2ryes" class="quest2" value="10" /><label for="q2ryes">Oui</label>
	<input type="radio" name="question_2[choice]" id="q2rno" class="quest2" value="0" /><label for="q2rno">Non</label>
	<input type="radio" name="question_2[choice]" id="q2rna" class="quest2" value="null" /><label for="q2rna">N/A</label>
	<input type="radio" name="question_2[choice]" id="q2rau" class="quest2" value="10" /><label for="q2rna">Pondération</label>
	<input type="text" name="question_2[txt]" id="q2rinput" value="" />
      </fieldset>
 
 
	<script type="text/javascript">
       function q2_switch() {
	  $('#q2rinput').hide();
 
	   if ($('#q2rau:checked').length >= 1)
	      $('#q2rinput').show();
      }
 
      q2_switch();
      $('.quest2').change(function() {
	  q2_switch();
	  $('#q2rinput').val($(this).val());
      });
    </script>  
 
 
    </p>
 
    <form method="post" action="">
      <fieldset>
	<legend>3-Utilise le DMR lorsque requis</legend>
	<input type="radio" name="question_3[choice]" id="q3ryes" class="quest3" value="5" /><label for="q3ryes">Oui</label>
	<input type="radio" name="question_3[choice]" id="q3rno" class="quest3" value="0" /><label for="q3rno">Non</label>
	<input type="radio" name="question_3[choice]" id="q3rna" class="quest3" value="null" /><label for="q3rna">N/A</label>
	<input type="radio" name="question_3[choice]" id="q3rau" class="quest3" value="5" /><label for="q3rna">Pondération</label>
	<input type="text" name="question_3[txt]" id="q3rinput" value="" />
      </fieldset>
 
 
	<script type="text/javascript">
       function q3_switch() {
	  $('#q3rinput').hide();
 
	   if ($('#q3rau:checked').length >= 1)
	      $('#q3rinput').show();
      }
 
      q3_switch();
      $('.quest3').change(function() {
	  q3_switch();
	  $('#q3rinput').val($(this).val());
      });
    </script> 
 
 
    </p>
 
    <form method="post" action="">
      <fieldset>
	<legend>4-Applique les procédures de débordement (guide op)</legend>
	<input type="radio" name="question_4[choice]" id="q4ryes" class="quest4" value="10" /><label for="q4ryes">Oui</label>
	<input type="radio" name="question_4[choice]" id="q4rno" class="quest4" value="0" /><label for="q4rno">Non</label>
	<input type="radio" name="question_4[choice]" id="q4rna" class="quest4" value="null" /><label for="q4rna">N/A</label>
	<input type="radio" name="question_4[choice]" id="q4rau" class="quest4" value="10" /><label for="q4rau">Pondération</label>
	<input type="text" name="question_4[txt]" id="q4rinput" value="" />
      </fieldset>
 
	 <script type="text/javascript">
       function q4_switch() {
	  $('#q4rinput').hide();
 
	   if ($('#q4rau:checked').length >= 1)
	      $('#q4rinput').show();
      }
 
      q4_switch();
      $('.quest4').change(function() {
	  q4_switch();
	  $('#q4rinput').val($(this).val());
      });
    </script> 
 
 
 
    </p>
 
    <form method="post" action="">
      <fieldset>
	<legend>5-Transfère au bon intervenant selon la situation.</legend>
	<input type="radio" name="question_5[choice]" id="q5ryes" class="quest5" value="20" /><label for="q5ryes">Oui</label>
	<input type="radio" name="question_5[choice]" id="q5rno" class="quest5" value="0" /><label for="q5rno">Non</label>
	<input type="radio" name="question_5[choice]" id="q5rna" class="quest5" value="null" /><label for="q5rna">N/A</label>
	<input type="radio" name="question_5[choice]" id="q5rau" class="quest5" value="20" /><label for="q5rau">Pondération</label>
	<input type="text" name="question_5[txt]" id="q5rinput" value="" />
      </fieldset>
 
 
	<script type="text/javascript">
       function q5_switch() {
	  $('#q5rinput').hide();
 
	   if ($('#q5rau:checked').length >= 1)
	      $('#q5rinput').show();
      }
 
      q5_switch();
      $('.quest5').change(function() {
	  q5_switch();
	  $('#q5rinput').val($(this).val());
      });
    </script> 
 
    </p>
 
 <form method="post" action="">
 
      <fieldset>
	<legend>6- Utilise le protocole de mise en commnication (guide op)</legend>
	<input type="radio" name="question_6[choice]" id="q6ryes" class="quest6" value="5" /><label for="q6ryes">Oui</label>
	<input type="radio" name="question_6[choice]" id="q6rno" class="quest6" value="0" /><label for="q6rno">Non</label>
	<input type="radio" name="question_6[choice]" id="q6rna" class="quest6" value="null" /><label for="q6rna">N/A</label>
	<input type="radio" name="question_6[choice]" id="q6rau" class="quest6" value="5" /><label for="q6rau">Pondération</label>
	<input type="text" name="question_6[txt]" id="q6rinput" value="" />
      </fieldset>
 
 
 
	<script type="text/javascript">
 
 
	function q6_switch() {
	  $('#q6rinput').hide();
 
	   if ($('#q6rau:checked').length >= 1)
	      $('#q6rinput').show();
      }
 
      q6_switch();
      $('.quest6').change(function() {
	  q6_switch();
	  $('#q6rinput').val($(this).val());
      });
    </script> 
 
 
 
 
  <div>
	<input type="submit" value="OK" />
      </div>
    </form>
 
 
 
	 </td>
 
    <td width="196" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="3">&nbsp;</td>
  </tr>
</table>
 
</body>
</html>

Merci

**NoSmoking** · 05/04/2012, 22h20

Je ne sais pas si je dois mettre le code de validation sur la page formulaire ou pour chaque question.

il te faut mettre la vérification avant de soumettre LE formulaire.

Dans ton code on voit autant de formulaires, non fermés d'ailleurs, qu'il existe de question.

Dans ton code il y aurait surement moyen de factoriser les fonctions qui font la même chose pour des éléments différents.

Validation bouton radio

JavaScript

Discussions similaires

Partager

Partager