Validation formulaire ajax

[xavier1936]

Bonsoir,

Je suis bloqué pour valider mon formulaire.

J'ai utiliser la fonction Ajax.Request pour faire apparaître une waitbar mais je n'arrive pas à valider mes champs, alors j'ai utilisé une librairie sur le net et ça marche mais du coup je n'arrive plus à faire apparaître ma waitbar.

Je ne sais pas comment faire pour faire les 2 en même temps.

merci d'avance

[Nesmontou]

Bonjour,

Un peu de code nous aiderait à te répondre

[xavier1936]

Voici ma fonction qui fait appel à Ajax.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function ajaxRequest(url) {	  
	 new Ajax.Request(url, {
		 	method: 'post',
		 	parameters: {nom: $F('nom'),
		 	prenom: $F('prenom')},
		 	onCreate: function(response) {
		 		startLoading();
		 	},
		    onComplete: function(response) {
		    	new Effect.Shrink('site_principal');
		    	new Effect.SlideDown('merci');
			    stopLoading();},
		    onFailure: function(response) {alert("il y eu un probleme");}
		  });  
	}	
 }

Et dans mon formulaire :

Code :

1
2
<form method="post" name="formulaire" id="formulaire" action="" enctype="multipart/form-data" onsubmit="return ajaxRequest('index.htm')">
... </form>

Et quand je mets les validations de JSValidator (ou autres), il ne passe plus par ma fonction.

[Bovino]

Code :

onsubmit="return ajaxRequest('index.htm')"

C'est bien joli, mais la fonction ajaxRequest ne renvoie rien ! Donc le return ne sert à rien non plus.

[xavier1936]

Meme si je renvoie true ou false, ça ne change rien.

[Bovino]

Ca dépend...
C'est ta fonction ajaxRequest qui doit retourner quelque chose, si tu fais le return dans le oncomplete, c'est un peu trop tard puisque la requête est asynchrone.

[xavier1936]

Oui je sais.

Et comment valider mes champs de formulaire ?

[Nesmontou]

Bonjour,

Pour la validation des champs d'un formulaire avec Prototype, il existe des librairies toutes faites.

http://www.google.fr/search?q=prototype+form+validation