Discussion :

[baggie]

Bonjour,

bon je galère un peu avec la soumission de mon formulaire ...

Je vous explique : j'ai un formulaire HTML ce qu'il y a de plus basique.

Au départ, j'avais mis 4 <input type="button" /> avec une dialog qui s'affiche lors du clic sur un des boutons.

Sauf qu'en faisant ça, mon formulaire n'était pas soumis. J'ai donc voulu remplacer mes button par des <input type="submit" />.
Mon formulaire est bien soumis, sauf que ma page se recharge (évidemment) mais du coup ma dialog apparaît et disparaît dès que le formulaire est soumis et donc la page reloadée.

Le comportement reste normal, mais du coup ne m'aide pas du tout !
Je souhaiterai qu'une fois le formulaire rempli, on clique sur un bouton submit.
Si le formulaire est correctement rempli, on affiche une certaine dialog, s'il y a des erreurs, on affiche une autre dialog.

En gros, il faudrait que je soumette mon formulaire sans que ma page se recharge pour que mes dialog ne disparaissent pas

Y a-t-il un moyen pour faire ça ??

Voici mon code actuel :

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
 
function($) {
 
	$('.error_form').dialog({
		autoOpen: false,
	});
 
	$('.form_settlment input').click( function() {
 
		jQuery.ajax({
			type: 'POST', // Le type de ma requete
			url: '?eID=blablabla', // L'url vers laquelle la requete sera envoyee
			data: {
			}, 
			success: function(data) {
				console.log('test : '+data);
			}
		});
	});
 
	$('#main_form').submit( function(elem) {
		console.log('1');
		elem.preventDefault(); // don't submit multiple times
		console.log('2');
		/*	this.submit(); // use the native submit method of the form element
		console.log('3');*/
		$('.error_form').dialog('open');console.log('4');
	});
}

A la fin de mon code, la ligne elem.preventDefault() bloque bien la soumission et affiche ma dialog mais bon, si mon formulaire n'est pas soumis, je ne vais pas récupérer mes valeurs moi

Donc avez-vous une idée, une suggestion ? Merci !

[Michaeljackfan]

Il faut un bouton simple, qui appel une fonction javascript.
Dans cette fonction, tu vas contrôler ton formulaire, afficher le dialog et envoyer le formulaire par ajax (sans utiliser la méthode submit() ).

C'est-à-dire que tu récupères simplement la valeur des champs et tu les envoie en méthode POST par ajax.

[baggie]

Merci pour ta réponse.

Le problème étant que j'aurai voulu que ce soit mon PHP qui traite mes données pour contrôler s'il y a une erreur, et ne pas contrôler les champs uniquement via le javascript

Mais je n'ai peut-être pas le choix !?

[danielhagnoul]

http://javascript.developpez.com/faq...ax#AjaxRequest

[baggie]

Merci pour cette réponse.

Je me demande juste :

Les méthodes ci-dessus suffiront dans la majorité des cas. Pour des cas particuliers, les initiés utiliseront $.ajax()

signifie bien que cela correspond à ce que j'ai déjà fait dans mon code non ? Vu que j'utilise $.ajax().

[baggie]

Bon ben finalement j'ai dû trop me prendre la tête, j'ai gardé ce que j'avais fait en envoyant les valeurs de mon form via l'ajax et traitées donc par mon PHP.

Donc c'est bon