Discussion :

[afrodje]

Bonjour,

Je ne trouve pas de code concernant ma demande.

J'ai un formulaire où je dois rentrer des valeurs précise. (en PHP)
Est-ce possible de valider le formulaire, de vérifier les valeurs dans une BDD, sans recharger la page? (ce qui permettra d'avoir une alert en javascript)

Merci d'avance.

[Bovino]

Une petite recherche sur "Ajax" ?

[(Benoit)]

Tout à fait, ceci peut être fait via un appel Ajax.

http://ajax.developpez.com/

Par contre, tu peux très bien avoir une validation de formulaire et une alert javascript avec rechargement la page.

Code :

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

1
2
3
4
5
6
7
<?php
if ( nb_erreurs_formulaire > 0) {
?>
<script language="javascript">
alert('formulaire mal rempli');
</script>
<?php } ?>

[afrodje]

Tout à fait, ceci peut être fait via un appel Ajax.

http://ajax.developpez.com/

Par contre, tu peux très bien avoir une validation de formulaire et une alert javascript avec rechargement la page.

Code :

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

1
2
3
4
5
6
7
<?php
if ( nb_erreurs_formulaire > 0) {
?>
<script language="javascript">
alert('formulaire mal rempli');
</script>
<?php } ?>

Je fais déjà une vérification des champs en javascript

[Bovino]

Je fais déjà une vérification des champs en javascript

Tu crois que c'est suffisant ???
Il faut TOUJOURS effectuer une vérification coté serveur !
Celle en JavaScript permet d'afficher des messages ou autres mais n'est absolument pas fiable.

[afrodje]

Tout à fait, ceci peut être fait via un appel Ajax.

http://ajax.developpez.com/

Par contre, tu peux très bien avoir une validation de formulaire et une alert javascript avec rechargement la page.

Code :

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

1
2
3
4
5
6
7
<?php
if ( nb_erreurs_formulaire > 0) {
?>
<script language="javascript">
alert('formulaire mal rempli');
</script>
<?php } ?>

Je me suis servi de ce code http://gael-donat.developpez.com/web/intro-ajax/#LIII.

Je l'ai adapté à mon cas mais j'ai un soucis.

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
function ajax()
{
	var xhr=null;
 
	if (window.XMLHttpRequest) { 
		xhr = new XMLHttpRequest();
	}
	else if (window.ActiveXObject) 
	{
		xhr = new ActiveXObject("Microsoft.XMLHTTP");
	}
	//on définit l'appel de la fonction au retour serveur
	xhr.onreadystatechange = function() { alert_ajax(xhr); };
 
	//on appelle le fichier reponse.txt
	xhr.open("GET", "reponse.php", true);
	xhr.send(null);
	return (alert_ajax(xhr));
}
 
function alert_ajax(xhr)
{
	var docXML= xhr.responseXML;
	var items = docXML.getElementsByTagName("donnee")
	//on fait juste une boucle sur chaque element "donnee" trouvé
	for (i=0;i<items.length;i++)
	{
		if (document.getElementById("print_serie").value == items.item(i).firstChild.data)
		{
			return true;
		}
		else
		{
			alert("le numéro n'est pas valide.");
			return false;
		}
 
	}
}

J'ai une alert qui vient 2 fois ("le numéro n'est pas valide").
Comment ça se fais?
J'ai fais plusieurs test mais sans succès...

Tu crois que c'est suffisant ???
Il faut TOUJOURS effectuer une vérification coté serveur !
Celle en JavaScript permet d'afficher des messages ou autres mais n'est absolument pas fiable.

J'ai jamais dit que c'était suffisant !

Je fais déjà une vérification des champs en javascript

[Bovino]

J'ai une alert qui vient 2 fois ("le numéro n'est pas valide").

Normal, le readyState de la requête change plusieurs fois, donc tu as plusieurs fois le onreadystatechange, donc à part lorsque tu atteins la valeur 4, c'est ton message d'erreur qui est affiché
Rajoute :

Code :

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

1
2
3
4
5
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200){
        alert_ajax(xhr);
    }
};

[afrodje]

Ok merci à toi