bloquer submit en javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

Ben en fait, c'est plus simple :aie:
Dans la mesure o� le script attend la r�ponse du serveur, tu n'as plus � g�rer le callback :

Code:

1
2
3
4
5
6
7
8
9
10
11
xhr.open("POST","verif.php",true);
// Ajouter si vous utiliser la méthode POST
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
idpseudo = document.getElementById('pseudo').value;
idMdp = document.getElementById('mdp').value;
xhr.send("idPseudo="+idpseudo+"&idmdp="+idMdp);
var test = xhr.responseText;
if (test==1){
	document.getElementById('connect').innerHTML = '<font color=red>Pseudo ou mot de passe incorrect</font>';
	return false;
}

15/03/2011, 09h55
djdelarue
pour ceux que sa interesse probl�me enfin resolu c'est la fin de mon calvere ^^

en faite je suis retourner avec un input de type button et j'ai utiliser cette fonction en JS
Code:

1 2 3 4 5 6 7 function v(e) { var enterpressed = e? e.which == 13: window.event.keyCode == 13; if (enterpressed){ verification(); return false; } }
qui s'appelle a chaque saisie de touche
15/03/2011, 10h22
Loceka

La solution de Bovino ne fonctionnait pas ?

Ecouter la touche entr�e alors qu'il existe un �l�ment HTML (input submit) qui est fonctionnellement plus appropri� est tr�s dommage je trouve et �a nuit � la maintenance.

Citation:

Envoy� par Loceka

La solution de Bovino ne fonctionnait pas ?

Bah non parce si son id�e de d�part (faire une requ�te synchrone) �tait bonne, cela ne s'est pas traduit dans le code car pour ce faire il aurait fallu mettre false en troisi�me argument du xhr.open.

Donc :

Code:

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
function verif()
{
 
	function getXhr()
		{
			var xhr = null; 
			if (window.XMLHttpRequest)                 //  Objet de la fenêtre courant
				{ 
					xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
				} 
			else 
			   if (window.ActiveXObject)                    //  Version Active
			   {
				  xhr = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer 
			   }
			return xhr;
		}
 
 
	var xhr = getXhr();
 
	xhr.open("POST","verif.php",false);
	// Ajouter si vous utiliser la méthode POST
	xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
	idpseudo = document.getElementById('pseudo').value;
	idMdp = document.getElementById('mdp').value;
	xhr.send("idPseudo="+idpseudo+"&idmdp="+idMdp);
 
	var test = xhr.responseText;
 
	if (test==1)
		{
			document.getElementById('connect').innerHTML = '<font color=red>Pseudo ou mot de passe incorrect</font>';
			return false;
		}
		else
			return true;
}

Code:

<form action="accueil.php" method="post" onsubmit="return verif()" >

@djdelarue ta solution bloque totalement l'envoi du formulaire si JS est d�sactiv�, alors que celle-ci permet de s'affranchir de cette contrainte.

Voir 40 message(s) de cette discussion en une page