[AJAX] Verification formulaire automatique

**foester** · 10/08/2007, 14h55

Bonjour,
j'ai un nouveau probleme dans mon apprentissage de AJAX.
Je souhaite faire une verification d'un formulaire en AJAX, mais evidemment ca ne marche pas alors que j'en ai fait un autre qui marche.
Je voudrais donc savoir pourquoi celui ci ne fonctionne pas.

Ma page index.html:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<html>
<head>
      <script type="text/javascript" src="verif_nom.js"></script>
</head>
 
<body>
 
<form name="formulaire" id="formulaire">
<input type="text" size="40" name="nom" id="nom" value="" onKeyup="verif_nom()" /><img id="image_nom" src="images/vide.jpg" alt="Etat Nom" /><br /><br />
</form>
 
</body>
</html>

Donc ici juste un formulaire, et pour l'exemple je veut verifier que le nom entré fait 2 caracteres ou plus.

Mon fichier verif_nom.js:

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
 
function verif_nom()
{
 
	var xhr;
	var contenu = document.getElementById("nom").value;
 
	if(window.XMLHttpRequest)
	{
		xhr = new XMLHttpRequest();
	}
 
	else if (window.ActiveXObject)
	{
		xhr = new ActiveXObject("Microsoft.XMLHTTP");
	}
 
	xhr.open("POST", "verif_nom.php", true);
 
	xhr.onreadystatechange = function()
	{
			verif_nom_alert(xhr);
	};
 
 
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
	var data = "donnee=" + contenu;
	xhr.send(data);
 
}
 
 
function verif_nom_alert(xhr)
{
 
	if(xhr.readyState == 4)
	{
		if(xhr.responseText == '1')
		{
			document.image_nom.src = "images/mauvais.jpg";
			setTimeout("verif_nom()",500);
		}
 
		else if(xhr.responseText == '2')
		{			
			document.image_nom.src = "images/bon.jpg";
			setTimeout("verif_nom()",500);
		}
 
		else
		{
			document.image_nom.src = "images/vide.jpg";
			setTimeout("verif_nom()",500);
		}
	}
 
}

Donc ici je dis que si mon pseudo est bon je met l'image bon.jpg, si il fait 1 caractere je met mauvais.jpg, et si il n'y a rien je met vide.jpg.

Mon fichier verif_nom.php:

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
 
<?php
 
$nom = $_POST['donnee'];
 
if(strlen($nom) = 0)
{
        echo '0';
}
 
else if(strlen($nom) = 1)
{
        echo'1';
}
 
else
{
        echo'2';
}
 
?>

Voilà donc c'est simple comme code, j'en ai fait un qui verifie la taille et les caracteres d'un pseudo qi marche, et celui là je ne sais pas pourquoi, mais il ne marche pas ....

**dream_of_australia** · 10/08/2007, 15h15

Pourquoi ne pas faire ta vérification en javascript tout simplement ? Je ne vois pas trop l'intérêt de faire de l'ajax pour ça...

PS : une petite erreur dans tes if : quand tu fais un test tu dois utiliser le double égal '==' et non '='...

**Gollum02** · 17/08/2007, 11h13

Salut,
tien la correction de ton code php

Par contre il faurait surment mettre une securité sur la variable $_POST['donnee'] ; du type htmlentities,htmlspecialshars,addslashes

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
<?php
 
$nom = $_POST['donnee'];
 
if(strlen($nom) == 0)
{
        echo '0';
}
 
else if(strlen($nom) == 1)
{
        echo'1';
}
 
else
{
        echo'2';
}
 
?>

[AJAX] Verification formulaire automatique

JavaScript

Discussions similaires

Partager

Partager