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 !