Discussion :

[bilbonec]

Bonjour,

Lors d'un clic sur un onglet, je dois lancer une soumission du formulaire de ma page. Cela se passe assez simplement de cette façon :

Code :

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

1
2
3
4
 
$('.onglets a').click(function() {
    $('form').trigger('submit');
});

Ceci marche bien dans la mesure où :

• lors du clic, mon formulaire est soumis
• si le formulaire est valide, il est enregistré

Pour information, la validation se fait en PHP et l'enregistrement aussi :

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
 
<?php // Controller
        $id   = Config::getGetParameter('id');
        $post = Config::getPostParameter('evenement');
        $files = Config::getFiles('evenement');
 
        $form = new EvenementForm($id, $post, $files);
        if ($post) {
                $form->bind($post);
 
                if ($form->isValid()) {
                        $form->save();
                        $form = new EvenementForm($id);
                        $notice = "<div id=\"succes\">Le formulaire a été sauvé</div>";
                } else {
                        $notice = "<div id=\"erreur\">Le formulaire n'est pas valide</div>";
                }
        }
?>

Le seul problème que je rencontre viens de la règle métier suivante :

• lorsque le formulaire n'est pas valide, je dois rester sur la page courante et afficher un message d'erreur

Effectivement, comment puis-je récupérer un quelconque résultat depuis l'événement lancé par mon trigger ?

Merci de toute piste !

[Bovino]

Via un événement...

Code :

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

$('form').on('submit', callback);

[bilbonec]

Je ne suis pas sûr de comprendre ta réponse. Si je fais un callback sur le submit de mon formulaire, je n'ai toujours pas moyen de récupérer une réponse :

Code :

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

1
2
3
4
5
6
7
8
9
 
        $('.onglets a').click(function() {
            $('form').trigger('submit');
        });
 
        $('form').on('submit', function() {
            alert($('.success').attr('id'));
            return true;
        })

(ici, je tente de lire si la balise id='success' existe ; mais cela ne doit pas être correct ?)

En fait, pour être plus clair, j'aurais aimé pouvoir faire un comportement semblable à cela :

Code :

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

1
2
3
4
5
 
        $('.onglets a').click(function() {
            var page = $('form').trigger('submit');
            var is_valid = page.find('.success');
        });

[danielhagnoul]

Bonsoir

Le seul problème que je rencontre viens de la règle métier suivante :

• lorsque le formulaire n'est pas valide, je dois rester sur la page courante et afficher un message d'erreur

Exemple :

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
$( "form" ).submit( function(){
	var str = $( this ).serialize(),
		jqXHR = $.post( "fichier.php", str );
 
	jqXHR.done( function( data, textStatus, jqXHR ){
		// succès de la transaction, on doit traiter le contenu de data
		console.log( data, textStatus, jqXHR );
 
		if ( $( "form" ).find( "#success" ).length != 1 ){
			// La division d'ID "success" n'existe pas !
 
		}
	});
 
	jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
		// échec de la transaction, gérer la catastrophe
		console.log( jqXHR, textStatus, errorThrown );
 
	});
 
	return false;
});

[bilbonec]

Bonjour,

J'avais voulu tenter ça un moment donné, mais serialize() ne prend en compte que les champs et pas les fichiers uploadés.

Après avoir tourné pas mal autour du problème, j'en suis maintenant à la solution (que je n'aime pas trop mais qui est censée fonctionner) de :

1. passer en session mon adresse de redirection
2. une fois le formulaire traité par PHP, rediriger la page vers cette variable de session

Il me reste seulement une question à résoudre, qui est de savoir pourquoi la variable que je met en session par un appel Ajax n'est pas accessible ensuite en PHP.

Le code est le suivant :

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
 
// Gestion des onglets :
$('.onglets a').click(function(event) {
    event.preventDefault();
 
    //  - demande d'ajout d'une redirection en session
    $.ajax({
        type: 'POST',
        dataType: 'json',
        data: { redirect: $(this).attr('href') },
        url: '/evenement/sessionManager.php'
    });
 
    // Soumission du formulaire
    $('form').trigger('submit');
});

Code :

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

1
2
3
4
5
6
7
 
<?php
// sessionManager.php
Config::setSessionParam(
	'redirect',
	Config::getPostParameter('redirect')
);

Et finalement coté PHP :

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
 
<?php // Controller
	$id   = Config::getGetParameter('id');
	$post = Config::getPostParameter('evenement');
 
	$form = new EvenementForm($id, $post);
	if ($post) {
		$form->bind($post);
 
		if ($form->isValid()) {
			$id = $form->save();
 
                        // L'instruction suivante ne marche pas
			if ($redirect = Config::consumeSessionParam('redirect')) {
				header('Location: /evenement/' . $redirect);
			} else {
				$form = new EvenementForm($id) ;
				$notice = notice_success();
			}
		} else {
			$notice = notice_error();
		}
	}
?>

Sauf que je ne retrouve jamais la variable redirect quand je la lis en PHP.