Perte de variables

Version imprimable

Perte de variables

Salut tous le monde ,

Bon je m'explique , j'ai une page de modification , lors du choix de la ligne que je veux modifié , on clique sur valider pour allé a un formulaire rempli par les données que je veux modifié le problème c'est lorsque je fais des erreur genre , texte vide ou truc du genre mon javascript actualise la page et cela me fai perdre toutes mes variables , voila le script utilisé :

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
function ControleVide()
{
msg='';
 
if(document.Formulaire.nom.value==''||document.Formulaire.theme.value==''||document.getElementById("direction").value == -1||document.getElementById("fin").value >= document.getElementById("debut").value)
{
if(document.Formulaire.nom.value==''){
document.Formulaire.nom.style.borderColor = "red"; 
msg='le Nom est invalide';
}
if(document.Formulaire.theme.value==''){
document.Formulaire.theme.style.borderColor = "red"; 
msg=msg+"\n Theme est invalide";
}
if (document.getElementById("direction").value == -1)
{document.Formulaire.direction.style.borderColor = "red"; 
document.Formulaire.division.style.borderColor = "red"; 
document.Formulaire.service.style.borderColor = "red"; 
msg=msg+"\n Votre choix de direction est invalide ";
        }
 
if (document.getElementById("fin").value >= document.getElementById("debut").value){
document.Formulaire.debut.style.borderColor = "red"; 
document.Formulaire.fin.style.borderColor = "red"; 
msg=msg+"\n Erreur dans les Horraires ";
 
}
 
if(msg!=''){
alert(msg);
}
 
}
 
else
{
document.Formulaire.method = "POST";
document.Formulaire.action = "inserer.php";
document.Formulaire.submit();
}
}

je vous demande svp une méthode pour ne pas perdre mes données et Merciii Bieeen

02/05/2012, 00h08
Eric2a
Salut,

Que les données saisies soient correctes ou non, le formulaire est soumis.

Pour que ce ne soit pas le cas lorsque les données ne sont pas valides, il faut que la fonction renvoie false.
Code:

1 2 3 4 if(msg!=''){ alert(msg); return false; }
Mais il nous faudrait voir le formulaire avec l'appel à la fonction de vérification.

voilà faut mettre un return false;
exemple :

Code:

1
2
3
4
5
if(document.Formulaire.theme.value==''){
document.Formulaire.theme.style.borderColor = "red"; 
msg=msg+"\n Theme est invalide";
return false;
}

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
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
 
<form name="Formulaire" >
                     <center> <h1 class="Style2">MODIFIER UN EVENEMENET</h1>
                       <p>&nbsp;</p>
                       <p>&nbsp;</p>
                     </center>
					  <input type='hidden' value="<?php echo$value; ?> " name='value1' />
                      <p>veuillez rentrer tous les champs demander(*)</p>
                      <p>&nbsp;</p>
                      <p>
 
                        <label>Nom de l'evenement</label>
                        (*) &nbsp;
                        <textarea name="nom" cols="86" rows="2" ><?php 
                                                echo$nom;   ?></textarea>
                      </p>
                      <p>&nbsp;</p>
                      <p>
                        <label>Nature 'evenement</label>
                        (*)  &nbsp; &nbsp; <select name="nature"  class='select3' >
<option value="reuinion">reunion</option>
<option value="journee etude">Journee d'étude</option>
<option value="collaque">collaque</option>
<option value="Seminaire">Seminaire</option>
</select>                   </p>
                      <p>&nbsp;</p>
 
                      <p>
                        <label>Theme evenement</label>
                        (*) &nbsp; &nbsp; &nbsp;
                       <textarea name="theme" cols="86" rows="2"><?php 
                                           echo$theme;   ?></textarea>
                      </p>
                      <p>&nbsp;</p>
                      <span class='select3'>
 
                      <p>
                        <label>votre Direction    </label>
                        (*) &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp;   &nbsp; 
 
                        <select  name='direction' class='select3' id='direction' onchange='go()''>
                          <option value='-1'>choisir un direction</option>
                          <?php
   $dsn="con_salle"; 
$username="localhost"; 
$password=""; 
 $sqlconnect=odbc_connect($dsn,$username,$password);
 
 $select="select description_entite from ENTITE where type_entite='direction'";
    $process=odbc_exec($sqlconnect, $select);
 
 while(odbc_fetch_row($process)){ 
       $tavariable= odbc_result($process,"description_entite" );
      print "<option value='$tavariable'>$tavariable</option>\n"; 
     }
	 ?>
                        </select>
 
                      </p>
                      <p>&nbsp; </p>
 
                      <p>
                        <label>votre Division(*)  </label>
                        &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; 
                        <label for="division"></label>
                        <select class='select3' name="division" id="division" onchange='go_duree()' >  
                          <option value='-1'>Choisir une division</option
                 >
                        </select>
                      </p>
                      <p>&nbsp; </p>
                      <p>
                        <label>votre Service(*)</label>  
                        &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp;  &nbsp; &nbsp;   &nbsp; 
                        <select name='service' class='select3' id='service'  >
                          <option value='-1'>Choisir un service</option>
                        </select>
                      </p></span>
 
                      <p>&nbsp; </p>
 
                      <p>
                        <label> salle desire(*) </label>
                        &nbsp; &nbsp; &nbsp;  &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
                        <select name="salle" class='select3' >
                          <option value="1">Salle conference</option>
                          <option value="2">Salle reunion 1</option>
                          <option value="3">Salle reunion 2</option>
                          <option value="4">Salle reunion 3</option>
                          <option value="5">Salle reunion 4</option>
                          <option value="6">Salle reunion 5</option>
 
 
                        </select>
                      </p>
                      <p>&nbsp; </p>
                      <p>
                        <label>Date de reservation  </label>
                        <span>(*)
                       <select class='select2' name="jour2">
    <?php
$i=1;
while($i<32){
?>
    <option name="jour" value="<?php echo $i; ?>" />    
    <?php echo $i; ?>
    <?php
$i++;
}
?>
</select>
&nbsp; 
  <select class='select2' name="mois2">
    <option value="01" selected="selected">Janvier</option>
		<option value="02">Février</option> 
		<option value="03">Mars</option>
		<option value="04">Avril</option> 
		<option value="05">Mai</option>
		<option value="06">Juin</option> 
		<option value="07">Juillet</option>
		<option value="08">Aout</option> 
		<option value="09">Septembre</option>
		<option value="10">Octobre</option> 
		<option value="11">Novembre</option>
		<option value="12">Décembre</option> 
 
  </select>
  &nbsp; &nbsp; 
  <select class='select1' name="annee3">
    <?php
$a=2012;
while($a<2100){
?>
    <option name="annee" value="<?php echo $a; ?>" />    
    <?php echo $a; ?>
    <?php
$a++;
}
?>
  </select> 
 
 
                      </p>
                      <p>&nbsp;</p>
                      <p>
 
                      <label> heure debut(*) &nbsp;   &nbsp;   &nbsp;   </label>
 &nbsp; &nbsp;   &nbsp;   &nbsp;      &nbsp;                      
<select class='select2' name="debut">
    <?php
$i=9;
while($i<19){
?>
    <option name="debut" value="<?php echo $i; ?>" />    
    <?php echo $i; ?>
    <?php
$i++;
}
?>
</select>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;     &nbsp; &nbsp;
<label> heure fin(*) </label> &nbsp; &nbsp;    &nbsp;  &nbsp;  
<select class='select2' name="fin">
    <?php
$i=9;
while($i<19){
?>
    <option name="fin" value="<?php echo $i; ?>" />    
    <?php echo $i; ?>
    <?php
$i++;
}
?>
</select>
                      </p>
                      <p>&nbsp;</p>
                      <p>&nbsp;</p>
                      <p>
                        <label>Disfonctionnement</label>
                        (*) &nbsp;
                        <textarea name="dis" cols="86" rows="5" ><?php echo$dis; ?></textarea>
                        </p>
                      </p>
                      <p>&nbsp;</p>
                      <p>&nbsp; </p>
                      <p>
                        <label>Remarques General</label>
                        (*) &nbsp;
                        <textarea name="rem" cols="86" rows="5" ><?php echo$remarque; ?></textarea>
                      </p>
                      </p>
                      <p>&nbsp;</p>
                      <p>&nbsp;</p>
 
                         <div align="center">
                           <input type="button" class="button" onclick="bouton2()" value="valider" />
                           <input type="button" class="button" onclick="bouton1()" value="Disponiblite" />
                      </div>
                    </form>

02/05/2012, 00h27
nedalnedal

meme si je fai return false il s'actualise encore
02/05/2012, 00h30
oceane751

déjà il y a des erreurs
il faut mettre l\'evenement au lieu de l' evenement
ensuite as tu testé notre solution?

Citation:
Envoyé par nedalnedal
Salut tous le monde ,

Bon je m'explique , j'ai une page de modification , lors du choix de la ligne que je veux modifié , on clique sur valider pour allé a un formulaire rempli par les données que je veux modifié le problème c'est lorsque je fais des erreur genre , texte vide ou truc du genre mon javascript actualise la page et cela me fai perdre toutes mes variables , voila le script utilisé :
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 function ControleVide() { msg=''; if(document.Formulaire.nom.value==''||document.Formulaire.theme.value==''||document.getElementById("direction").value == -1||document.getElementById("fin").value >= document.getElementById("debut").value) { if(document.Formulaire.nom.value==''){ document.Formulaire.nom.style.borderColor = "red"; msg='le Nom est invalide'; } if(document.Formulaire.theme.value==''){ document.Formulaire.theme.style.borderColor = "red"; msg=msg+"\n Theme est invalide"; } if (document.getElementById("direction").value == -1) {document.Formulaire.direction.style.borderColor = "red"; document.Formulaire.division.style.borderColor = "red"; document.Formulaire.service.style.borderColor = "red"; msg=msg+"\n Votre choix de direction est invalide "; } if (document.getElementById("fin").value >= document.getElementById("debut").value){ document.Formulaire.debut.style.borderColor = "red"; document.Formulaire.fin.style.borderColor = "red"; msg=msg+"\n Erreur dans les Horraires "; } if(msg!=''){ alert(msg); } } else { document.Formulaire.method = "POST"; document.Formulaire.action = "inserer.php"; document.Formulaire.submit(); } }
je vous demande svp une méthode pour ne pas perdre mes données et Merciii Bieeen
et si tu enlevais
Code:

1 2 if(document.Formulaire.nom.value==''||document.Formulaire.theme.value==''||document.getElementById("direction").value == -1||document.getElementById("fin").value >= document.getElementById("debut").value) {
car après tu verifies encore si c'est vide. je trouve que c'est redondant
Code:

1 2 3 4 5 if(document.Formulaire.nom.value==''){ document.Formulaire.nom.style.borderColor = "red"; msg='le Nom est invalide'; return false; }
en clair tu fais
si le champs nom est vide {

si le champs nom est vide {
}
}

02/05/2012, 08h58
SpaceFrog

Direction les contributions:
http://www.developpez.net/forums/d55...on-formulaire/

Il faut juste savoir que javascript est limité à la page, il ne survit pas a un rechargement.