Validation formulaire ajax

Version imprimable

20/04/2011, 23h44
xavier1936

Validation formulaire ajax

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
21/04/2011, 11h43
Nesmontou

Bonjour,

Un peu de code nous aiderait à te répondre

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.

21/04/2011, 14h10
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. :aie:
21/04/2011, 15h20
xavier1936

Meme si je renvoie true ou false, ça ne change rien.
21/04/2011, 15h48
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.
21/04/2011, 17h30
xavier1936

Oui je sais.

Et comment valider mes champs de formulaire ?
22/04/2011, 12h49
Nesmontou

Bonjour,

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

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