Formulaire : verifier si un caractere est en majuscule

Version imprimable

Bonjour,

Je dispose d'un formulaire classique. J'essaye d'utiliser du javascript pour verifier que les donnees enregistres sont bonne.
Ce code permet de dire que les caracteres du nom doivent etre inferieur a 20. J'aimerai maintenant verifier que le premier caractere soit bien une majuscule. Mais ceci me pose probleme; il faut peut etre utiliser une fonction charAt pour retourner le premier caractere...
Mais comment faire ??? Je ne sais pas.
Si quelqu'un à une petite idee je suis preneur.
MErci
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 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Document sans titre</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript"> function valide(){if(form1.nom.value.length > 20) {window.alert("Nom incorrect");return false;}else return true} </script> </head> <body> <form name="form1" onsubmit="return valide()"> <table width="53%" border="0"> <tr> <td width="25%">Nom :</td> <td width="75%"><input name="nom" size="40"></td> </tr> <tr> <td>Date de naissance :</td> <td><input name="date_naissance2" size="30"></td> </tr> <tr> <td>e-mail :</td> <td><input name="date_naissance" size="50"></td> </tr> </table> <p><input name="submit" type ="submit" value="Valider"> </p></form> </body> </html>

pas charAt mais subStr

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type='text/javascript'>
function testCaps(texte){
if(texte.substr(0,1).toUpperCase()!=texte.substr(0,1)){alert('manque une majuscule')
																document.getElementById('saisie').value=	texte.substr(0,1).toUpperCase() +	texte.substr(1,texte.length-1);
																			}
else {alert('le premier caractère est une majuscule')}
}
</script>
</head>
 
<body>
<input type='text' onblur="testCaps(this.value);" id="saisie"/>
</body>
</html>

Tout d'abord merci de ton aide.
Ensuite je suis desolé mais je suis débutant. Excuse moi donc de t'embeter avec des trucs certainement simple.
Voilà j'ai essayer d'integrer ton code dans ma page.
Je n'obtiens desormais plus rien.
En fait il faudrait que sur un seul click du bouton valider l'ensemble du test soit effectuer (nom valide c-a-d majuscule+nb caractere+pas vide)

Je te remercie.
@+
++

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
 
function valide(){if(form1.nom.value.length==""|| form1.nom.value.length > 20)
{window.alert("Nom incorrect");return false;}else return true}
 
function testCaps(texte){if(form1.nom.substr(0,1).toUpperCase()!=form1.nom.substr(0,1))
{alert('manque une majuscule')document.getElementById('saisie').value=texte.substr(0,1).toUpperCase() +
texte.substr(1,texte.length-1);}else {alert('le premier caractère est une majuscule')}} 
 
</head>
 
<body>
<form name="form1" onsubmit="return valide()">
  <table width="53%" border="0">
    <tr> 
      <td width="25%">Nom :</td>
      <td width="75%"><input name="nom" size="40"></td>
    </tr>
    <tr> 
      <td>Date de naissance :</td>
      <td><input name="date_naissance" size="30"></td>
    </tr>
    <tr> 
      <td>e-mail :</td>
      <td><input name="courriel" size="50"></td>
    </tr>
  </table>
  <p><input name="submit" type ="submit" value="Valider">
</p><input name='text' onblur="testCaps(this.value);" value="saisie"/> 
</form>
 
</body>
</html>

normal ...
tu essayais d'intégrer une fonction sans l'appeler ...
j'ai supprimé la fonction et mis le test dans ta fonction valide
parcontre

Code:

form1.nom.value.length==""

n'a aucun sens !!!!
la longueur retourne un entier donc 0.
ensuite quel intéret de verifier une longueur max ...
utilises plutot maxLength dans la balise input ...

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javaScript">
 
function valide(){if(form1.nom.value.length==0)
{window.alert("Nom incorrect");return false;}
 
if(form1.nom.substr(0,1).toUpperCase()!=form1.nom.substr(0,1))
{alert('le premier caractère est corrigé en majuscule'); 
document.getElementById('saisie').value=texte.substr(0,1).toUpperCase() +
texte.substr(1,texte.length-1);}
else {alert('le premier caractère est une majuscule')}
return true;
}
 
</head>
 
<body>
<form name="form1" onsubmit="return valide()">
  <table width="53%" border="0">
    <tr>
      <td width="25%">Nom :</td>
      <td width="75%"><input name="nom" size="40" maxLength="20" id="saisie"></td>
    </tr>
    <tr>
      <td>Date de naissance :</td>
      <td><input name="date_naissance" size="30"></td>
    </tr>
    <tr>
      <td>e-mail :</td>
      <td><input name="courriel" size="50"></td>
    </tr>
  </table>
  <p><input name="submit" type ="submit" value="Valider">
</p><input name='text' onblur="testCaps(this.value);" value="saisie"/>
</form>
 
</body>
</html>

Ok merci. Mais encore un petit poblème.
le formulaire me renvoie le message d'erreur suivant :

"Cet objet ne gere pas la proprieté ou cette methode"

Voici le dernier code :

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>Document sans titre</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script type="text/javaScript"> 
 
function valide(){if(form1.nom.value.length==0) 
{window.alert("Nom incorrect");return false;}
if(form1.nom.substr(0,1).toUpperCase()!=form1.nom.substr(0,1)) 
{alert('le premier caractère est corrigé en majuscule'); 
document.getElementById('saisie').value=texte.substr(0,1).toUpperCase() + 
texte.substr(1,texte.length-1);} 
else {alert('le premier caractère est une majuscule')} 
return true;} 
</script>
 
</head> 
 
<body>
<form name="form1" onsubmit="return valide()"> 
<table width="53%" border="0"> 
<tr> 
<td width="25%">Nom :</td> 
<td width="75%"><input name="nom" size="40" maxLength="20" id="saisie"></td> 
</tr> 
<tr> 
<td>Date de naissance :</td> 
<td><input name="date_naissance" size="30"></td> 
</tr> 
<tr> 
<td>e-mail :</td> 
<td><input name="courriel" size="50"></td> 
</tr> 
<tr> 
<td>Saisie :</td> 
<td><input name='text' type="testCaps(this.value);" id="saisie"/> </td> 
</tr> 
</table> 
<p><input name="submit" type ="submit" value="Valider"> 
 
</form> 
 
</body> 
</html>

19/10/2005, 11h22
Mr N.

Quelle ligne, quel objet ?
Utilise la console javascript de Firefox qui est plus explicite que celle de IE.

oups désole bete copier coller ...
texte n'a pas été defini ... je le passais en paramètre dans la fonction qui a disparu ...

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javaScript">
 
function valide(){if(form1.nom.value.length==0)
{window.alert("Nom incorrect");return false;}
if(form1.nom.substr(0,1).toUpperCase()!=form1.nom.substr(0,1))
{alert('le premier caractère est corrigé en majuscule');
var texte=document.getElementById('saisie').value;
document.getElementById('saisie').value=texte.substr(0,1).toUpperCase() +
texte.substr(1,texte.length-1);}
else {alert('le premier caractère est une majuscule')}
return true;}
</script>
 
</head>
 
<body>
<form name="form1" onsubmit="return valide()">
<table width="53%" border="0">
<tr>
<td width="25%">Nom :</td>
<td width="75%"><input name="nom" size="40" maxLength="20" id="saisie"></td>
</tr>
<tr>
<td>Date de naissance :</td>
<td><input name="date_naissance" size="30"></td>
</tr>
<tr>
<td>e-mail :</td>
<td><input name="courriel" size="50"></td>
</tr>
<tr>
<td>Saisie :</td>
<td><input name='text' type="testCaps(this.value);" id="saisie"/> </td>
</tr>
</table>
<p><input name="submit" type ="submit" value="Valider">
 
</form>
 
</body>
</html>

19/10/2005, 11h27
alexbubs

Ligne 9. Pas d'objet precisé.
19/10/2005, 11h30
alexbubs

Désolé mais ca ne marche toujours pas.
Probleme ligne 9.

@+
++

Voilà ce que dis mon compagnon de jeu :

Code:

1
2
3
Warning: Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead.
Source File: file:///home/nicolas/Desktop/test_name.html
Line: 8

oulà oulà !!!
fais un peu attetion !!!

Code:

form1.nom.substr(0,1).toUpperCase()

c'est quoi ça ?????

form1.nom est uin objet !! et tu demande de faire un subsrt sur un objet ... il aime pas ...
substr attend un string !!!

Code:

form1.nom.value

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javaScript">
 
function valide(){
	if(form1.nom.value.length==0){
										alert("Nom incorrect");
										return false;
										}
	if(form1.nom.value.substr(0,1).toUpperCase()!=form1.nom.value.substr(0,1)){
			alert('le premier caractère est corrigé en majuscule');
			var texte=document.getElementById('saisie').value;
			document.getElementById('saisie').value=texte.substr(0,1).toUpperCase() + texte.substr(1,texte.length-1);
			}
	else {alert('le premier caractère est une majuscule')}
return true;}
</script>
 
</head>
 
<body>
<form name="form1" onsubmit="return valide()" action="javascript:alert('j\'envoie')">
<table width="53%" border="0">
<tr>
<td width="25%">Nom :</td>
<td width="75%"><input name="nom" size="40" maxLength="20" id="saisie"></td>
</tr>
<tr>
<td>Date de naissance :</td>
<td><input name="date_naissance" size="30"></td>
</tr>
<tr>
<td>e-mail :</td>
<td><input name="courriel" size="50"></td>
</tr>
<tr>
<td>Saisie :</td>
<td><input name='text' type="testCaps(this.value);" id="saisie"/> </td>
</tr>
</table>
<p><input name="submit" type ="submit" value="Valider">
 
</form>
 
</body>
</html>

19/10/2005, 12h00
alexbubs

C'est parfait je vais essayer de comprendre tout ca.
Merci à vous .
19/10/2005, 12h01
SpaceFrog

heu juste un truc en action j'ai juste mis un alert pour verification ... n'oublie pas de le changer pour mettre le fichier de destination ...