Formulaire : verifier si un caractere est en majuscule

**alexbubs** · 19/10/2005, 09h12

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 :

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
 
<!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>

**SpaceFrog** · 19/10/2005, 09h25

pas charAt mais subStr

Code :

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

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>

**alexbubs** · 19/10/2005, 09h54

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 :

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
 
<!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>

**SpaceFrog** · 19/10/2005, 10h37

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 :

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

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 :

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
<!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>

**alexbubs** · 19/10/2005, 11h12

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 :

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
 
<!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>

**Mr N.** · 19/10/2005, 11h22

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

**SpaceFrog** · 19/10/2005, 11h24

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 :

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
<!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>

**alexbubs** · 19/10/2005, 11h27

Ligne 9. Pas d'objet precisé.

**alexbubs** · 19/10/2005, 11h30

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

@+
++

**Mr N.** · 19/10/2005, 11h31

Voilà ce que dis mon compagnon de jeu :

Code :

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

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

**SpaceFrog** · 19/10/2005, 11h54

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

Code :

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

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 :

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

form1.nom.value

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
<!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>

**alexbubs** · 19/10/2005, 12h00

C'est parfait je vais essayer de comprendre tout ca.
Merci à vous .

**SpaceFrog** · 19/10/2005, 12h01

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 ...

Formulaire : verifier si un caractere est en majuscule

JavaScript

Discussions similaires

Partager

Partager