Discussion :

[nicerico]

Bonjour

j'essaie d'utiliser le bouton dialog pour afficher un formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
$('#dialog_form').dialog({
autoOpen: false,
width: 600
});
 
$('#open_dialog').click(function() {
$('#dialog_form').dialog('open');
})
 
<button id="open_dialog" class="ui-button ui-state-default ui-corner-all">Créer un nouvel utilisateur</button>

jusque là ça va, la boite avec le formulaire s'affiche bien

par contre lorsque si je veux valider mon formulaire, ça se complique
bouton valider :

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
 
$('#valid').click(function() {
		$("#formulaire").submit(function(){
			var str = $(this).serialize();
			$.ajax({
				type: "POST",
				url: "traitement_form.php",
				data: str,
				success: function(msg){
					$("#note").ajaxComplete(function(event, request, settings){
						if(msg != '') // Message Sent? Show the 'Thank You' message and hide the form
						{
						alert(msg);
						result = '<div class="notification_ok">Formulaire enregistr&eacute; avec succ&egrave;s</div>';
						$('#dialog_form').dialog('close');
						}
						else
						{
						result = msg;
						}
						$(this).html(result);
					});
				}
			});
			return false;
		});
	});
<button id= "valid" class="ui-button ui-state-default ui-corner-all">Valider le formulaire</button>

dans le fichier "traitement_form.php" il n'y qu'un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo "ok";

et le alert(msg); de la fonction jquery ne s'affiche pas

Merci de votre aide

[Gruik]

Hello,

Pourrait on voir le code HTML de #dialog_form ?

[nicerico]

j' ai résolu entre temps mon probleme

pour valider le formulaire, j'utilise le button du dialog
ce qui donne :

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
 
				$('#dialog_form').dialog({
					autoOpen: false,
					width: 600,
					modal: true,
					buttons: {
						'Valider le formulaire': function() {
							var bValid = true;
							if (bValid) {
									var str = $("#formulaire").serialize();
									$.ajax({
										ajaxOptions: { cache: false },
										type: "POST",
										url: "traitement_form.php",
										data: str,
										success: function(msg){
										}
									});
							$(this).dialog('close');
							window.location.reload(true);
						}
					}}
				});

est ce la bonne (meilleure) methode ?