contrôle de saisie

**oceane751** · 04/01/2006, 16h26

bonjour!
voilà je rencontre un problème avec mon bout de code javascript
en effet, lorsque je veux contrôler la civilité d'une personne remplissant le formulaire, qu'elle est renseigné ou pas, j'obtient l'erreur qui suit :
en 3 fois "vous devez renseigner une civilité"

voici mon 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
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
 
<html>
<head>
<SCRIPT language="javascript">
 
function testvalidation()
{
 var ok = false;
 for (i in document.formSI.elements["civilite"])
   {
       if (document.formSI.elements["civilite"][i].checked)
       {
           ok = true;
           break;
 
 
            }
 
           if (!ok)
           alert("Vous devez renseigner une civilité");
 
if(document.formSI.nom.value == "")
{
alert ('veuillez entrer votre Nom');
document.formSI.nom.focus();
return false; 
}
 
if(document.formSI.prenom.value == "")
{ 
alert ('veuillez entrer un prenom');
document.formSI.prenom.focus();
return false; 
} 
 
else {return true;}
}
 
 
 
 
 
 
 
</SCRIPT>
 
<title>Stagiaire Inscription</title>
 
</head>
 
<body>
<font face ="verdana">
 
<table border="0" width="100%" height="10" background="stage_fond.jpg">
<form name="formSI" action="StagiaireInscriptionIdentification.php" method="post"  onSubmit=" return testvalidation()" enctype="multipart/form-data" >
  <tr>
    <td width="98%" height="41" colspan="2">
      &nbsp;</td>
    <td width="1%" height="41">&nbsp;</td>
  </tr>
  <tr>
    <td width="90%" height="41" colspan="2">
      <p align="center"><b><font size="6">Identification</font></b></td>
    <td width="5%" height="41">&nbsp;</td>
  </tr>
  <tr>
    <td width="90%" height="41" colspan="2">
      <p align="center"><font size="2">Vous postuler pour un domaine de stage. Le sujet de stage sera défini avec le responsable de stage si votre candidature est retenue pour un entretien</font></td>
    <td width="5%" height="41"></td>
  </tr>
  <tr>
    <td width="91%" height="124" colspan="2">
      <table border="0" width="100%" cellspacing="0">
        <tr>
          <td width="102%" align="right" colspan="4">
            <p align="left">
 
                           			<tr> 
                           				<td align="center" nowrap="nowrap" width="194">
                                          <p align="right"><b><font size="2">Civilité</font></b></p>
                                        </td>
                           				<td width="118">
                                          <p align="right"><font size="2">M<sup>elle</sup> <input type="radio" name="civilite" value="Melle"</td>
                                          </font>
                           				<td width="118">
                                          <p align="center"><font size="2">M<sup>me</sup> <input type="radio" name="civilite" value="Mme"</td>
                                          </font>
                           				<td width="117"><font size="2">M <input type="radio" name="civilite" value="M"</td>
                                          </font>
                           			</tr>
 
        <tr>
          <td width="29%" align="right"><b><font size="2">Nom</font></b></td>
          <td width="73%" colspan="3"><font size="2"><input type="text" name="nom" size="30"></font></td>
        </tr>
        <tr>
          <td width="29%" align="right"><b><font size="2">Prénom</font></b></td>
          <td width="73%" colspan="3"><font size="2"><input type="text" name="prenom" size="30"></font></td>
        </tr>
        <tr>
          <td width="29%" align="right"><b><font size="2">Date de naissance</font></b></td>
          <td width="15%"><font size="2"><select name="jnais">
                           				<option value="" selected>--jour--</option>
 
										<option value=1>1 </option><option value=2>2 </option><option value=3>3 </option><option value=4>4 </option><option value=5>5 </option><option value=6>6 </option><option value=7>7 </option><option value=8>8 </option><option value=9>9 </option><option value=10>10 </option><option value=11>11 </option><option value=12>12 </option><option value=13>13 </option><option value=14>14 </option><option value=15>15 </option><option value=16>16 </option><option value=17>17 </option><option value=18>18 </option><option value=19>19 </option><option value=20>20 </option><option value=21>21 </option><option value=22>22 </option><option value=23>23 </option><option value=24>24 </option><option value=25>25 </option><option value=26>26 </option><option value=27>27 </option><option value=28>28 </option><option value=29>29 </option><option value=30>30 </option><option value=31>31 </option>              							</select></font></td>
          <td width="18%"><font size="2"><select name="mnais">
                           				            <option value="" selected>---mois---</option>
              										<option value="01">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">Août</option>
              										<option value="09">Septembre</option>
              										<option value="10">Octobre</option>
              										<option value="11">Novembre</option>
              										<option value="12">Décembre</option>
              										</select></font></td>
          <td width="38%"><font size="2"><select name="annais"  onChange="CheckData()">
										<option value="" selected>---Année---</option>
 
										<option value=1952>1952 </option><option value=1953>1953 </option><option value=1954>1954 </option><option value=1955>1955 </option><option value=1956>1956 </option><option value=1957>1957 </option><option value=1958>1958 </option><option value=1959>1959 </option><option value=1960>1960 </option><option value=1961>1961 </option><option value=1962>1962 </option><option value=1963>1963 </option><option value=1964>1964 </option><option value=1965>1965 </option><option value=1966>1966 </option><option value=1967>1967 </option><option value=1968>1968 </option><option value=1969>1969 </option><option value=1970>1970 </option><option value=1971>1971 </option><option value=1972>1972 </option><option value=1973>1973 </option><option value=1974>1974 </option><option value=1975>1975 </option><option value=1976>1976 </option><option value=1977>1977 </option><option value=1978>1978 </option><option value=1979>1979 </option><option value=1980>1980 </option><option value=1981>1981 </option><option value=1982>1982 </option><option value=1983>1983 </option><option value=1984>1984 </option><option value=1985>1985 </option><option value=1986>1986 </option><option value=1987>1987 </option><option value=1988>1988 </option>                           				</selected></font></td>
        </tr>
      </table>
    </td>
    <td width="10%" height="124"></td>
  </tr>
  <tr>
    <td width="91%" height="44" colspan="2">
      <p align="right"><img border="0" src="images/trait.jpg" width="530" height="7"></p>
    </td>
    <td width="10%" height="44">&nbsp;</td>
  </tr>
  <tr>
    <td width="46%" height="44">
      <p align="right"><input type="reset" value="effacer"></td>
    <td width="45%" height="44"><input type="submit" value="valider"></td>
    <td width="10%" height="44">&nbsp;</td>
  </tr>
  <tr>
    <td width="91%" height="44" colspan="2"></td>
    <td width="10%" height="44"></td>
  </tr>
  </font>
  </form>
</table>
 
</body>
 
</html>

ps : je reprends ce code, on m'a juste demandé de faire un contrôle de saisie. le code est un peu crade, je l'arrangerais plus tard...

**denisC** · 04/01/2006, 16h52

Envoyé par oceane751

for (i in document.formSI.elements["civilite"])
{
if (document.formSI.elements["civilite"][i].checked)
{
ok = true;
break;

}
}
if (!ok)
alert("Vous devez renseigner une civilité");

.....

**Claude Pelletier** · 05/01/2006, 05h57

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
function testvalidation() { 
	var ok = false; 
	for (var i = 0 ; i < document.formSI.civilite.length ; i++) { 
		if (document.formSI.civilite[i].checked) { 
			ok = true; 
			break; 
		} 
	}
	if (!ok) alert("Vous devez renseigner une civilité"); 
 
	if(document.formSI.nom.value == "") { 
		alert ('veuillez entrer votre Nom'); 
		document.formSI.nom.focus(); 
		return false; 
	} 
 
	if(document.formSI.prenom.value == "") { 
		alert ('veuillez entrer un prenom'); 
		document.formSI.prenom.focus(); 
		return false; 
	} else {
		return true;
	} 
 
}

**oceane751** · 05/01/2006, 10h17

meci beaucoup, c'était une { d'oubliée

alors 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
23
24
25
26
27
28
29
30
31
32
33
 
function testvalidation()
{
 var ok = false; 
 for (i in document.formSI.elements["civilite"])
   { 
       if (document.formSI.elements["civilite"][i].checked)
       { 
           ok = true;
           break; 
       }
 
            } 
 
           if (!ok) 
           alert("Vous devez renseigner une civilité"); 
 
if(document.formSI.nom.value == "") 
{ 
alert ('veuillez entrer votre Nom'); 
document.formSI.nom.focus(); 
return false;
} 
 
if(document.formSI.prenom.value == "") 
{ 
alert ('veuillez entrer un prenom'); 
document.formSI.prenom.focus(); 
return false; 
} 
 
else {return true;} 
}

mais ej voudrais savoir s'il était possible de faire qu'une seule et unique
fenetre pour tous les elements oubliés (que l'utilisateur n'a pas rempli dans le formulaire)?

**denisC** · 05/01/2006, 11h24

Au lieu de faire un alert à chaque fois, rajoute un message dans une chaine de caractères:

Code :

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

1
2
 
message+="Vous avez oublié votre adresse mail! \n";

Il ne reste plus qu'à afficher ce message en alert à la fin des test, si il n'est pas vide (attention à l'initialisation de la chaine, et à la gestion des retours à la ligne).

Bonne chance

contrôle de saisie

JavaScript

Discussions similaires

Partager

Partager