Vérification d'une zone de texte [Résolu]

bolbol bizerte · 05/03/2011, 01h06

Salut, j'aimerais vérifier si la zone de texte est vide ou non en cliquant sur une bouton.

Voilà mon essai:

Code html :

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
<script language="javascript">
function verif()
{
if (document.login.value="")
document.write("erreur");
}
</script>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
</head>
 
<body>
<h1> Gestion De Statistique </h1>
 
login : <input type="text" name="login" /><br />
<br/>
mot de passe : <input type="text" name="mot_de_passe" /><br />
<br/>
<input type="button" value="envoyer"  onclick="verif()" >

Eric2a · 05/03/2011, 02h15

Salut,

Il vaut mieux avoir un DOCTYPE et placer les fonctions Javascript entre <head> et</head>.

Code :

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

1
2
if (document.login.value="")
document.write("erreur");

Pour comparer, c'est == et non =.
Ensuite il est préférable de ne pas utiliser document.write().

Un peu de leture :

Introduction au Javascript

Javascript & Formulaires HTML

Et un exemple de 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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Document qui devrait avoir un titre</title>
	<script type="text/javascript">
		function verif(){
			var login=document.getElementById('login').value;
			var passw=document.getElementById('mot_de_passe').value;
			if(login==''){
				alert('Veuillez saisir un identifiant');
				document.getElementById('login').focus();
				return false;
			}
			if(passw==''){
				alert('Veuillez saisir un mot de passe');
				document.getElementById('mot_de_passe').focus();
				return false;
			}
 
			alert('Login : '+login+'\nMot de passe : '+passw);
			return true;
		}
	</script>
</head>
<body>
	<h1>Gestion De Statistique</h1>
	<form action="" method="post" onsubmit="return verif();">
		<p>
			<label for="login">Login :</label> <input type="text" value="" name="login" id="login" />
			<br /><br/>
			<label for="mot_de_passe">Mot de passe :</label> <input type="password" value="" name="mot_de_passe" id="mot_de_passe" />
			<br /><br/>
			<input type="submit" value="Envoyer" />
		</p>
	</form>
</body>
</html>

bolbol bizerte · 05/03/2011, 14h06

J'ai testé et ça fonctionne, merci.

05/03/2011, 14h06	#3
bolbol bizerte Invité de passage Inscription : mars 2011 Messages : 3 Détails du profil Informations forums : Inscription : mars 2011 Messages : 3 Points : 0 Points : 0	merci de m'avoir aidé J'ai testé et ça fonctionne, merci.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email