Vérification d'une zone de texte

**bolbol bizerte** · 05/03/2011, 02h06

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, 03h15

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, 15h06

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

Vérification d'une zone de texte

HTML

Discussions similaires

Partager

Partager