Afficher un modal apres un submit

Version imprimable

04/12/2015, 21h31
MehrezLabidi

Afficher un modal apres un submit

Bonjour,
j'ai besoin d'une idée qui me permet de developper un ou plusieurs modal (JS) qui s'affiche à l'utilisateur après un submit successfull .
J'ai pensé au réponse ajax et au flash bag mais c'est rien avoir avec un modal ou un sweet alert

merci à vous
04/12/2015, 22h05
dukoid

j'ai pas trop compris :weird:
04/12/2015, 23h46
MehrezLabidi

en d'autre mots , je veux que lorque l'utilisateur a envoyé des données dans un form .
Apres un submit je veux afficher une alert javascript qui contient le mot 'Success' si des nouveax données sont envoyés et "KO" si la form est invalid .
05/12/2015, 01h09
dukoid

c'est faisable.

dans ta vue,tu fais une requête AJAX pour envoyer le formulaire à l'action d'un controlleur. j'utilise jquery pour construire une requête ajax.

voilà en gros ce qu'il faut faire : (c'est un peu chaud à faire car cela fait appel à pas mal de notions)

* dans la vue
si clique sur bouton submit du form :
1. je bloque le submit du form (car je veux envoyer le form moi même par ajax)
2. j'envois le formulaire par une requête ajax (url de l'action du controlleur donc)
3. au retour(msg) :
si msg==ok alert("ok");
sinon alert(msg); // les erreurs de validations

perso, j'utilise le modal de boostrap 3. c'est plus design

* dans le controlleur :
si form est valid
envois une reponse msg=="ok" // une réponse de la classe RESPONSE
sinon envois une reponse msg = liste des erreurs
05/12/2015, 07h12
Kasko

Citation:

Envoyé par mehrezlabidimehrez

en d'autre mots , je veux que lorque l'utilisateur a envoyé des données dans un form .
Apres un submit je veux afficher une alert javascript qui contient le mot 'Success' si des nouveax données sont envoyés et "KO" si la form est invalid .

A ta place,je mettrai ma requête dans une variable que je testerai et en fonction de sa valeur j'afficherai le message correspondant.

merci pour vous les deux,
merci dukoid, tu m'a donné ce que j'ai besoin.
J'ai l 'habitude d'utiliser ajax ya pas de soucils mais j'ai pas eu en tete l'idée d'inserer mes truc js dans le resultat de l 'ajax call
le resultat va rassembler à ça .

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 <script type="text/javascript">
                                        $(function () {
                                            $("#IdFormici").click(function (e) { // On sélectionne le formulaire par son identifiant                                                    
                                                e.preventDefault(); // Le navigateur ne peut pas envoyer le formulaire  
                                        {#    var categoryseid = {{categorysid}};#}                                             
                                                $.ajax({
                                                    type: 'post',
                                                    url: "{#{path('' ) }#}",
                                                    data: $(this).serialize(),
                                                    datatype: "json",
                                                    cache: false,
                                                    success: function (data)
                                                    {
                                                        // alert modal ici                                              
                                                    }
                                                });
                                                return false;
                                            });
                                        });
                                    </script>

05/12/2015, 10h01
dukoid

pour l'url de la requête ajax, tu peux lui donner l'url de l'action du formulaire (en le récupérant par jquery) $(this).attr("action") -> ou un truc du genre...

te faudra bien formater comme tu veux les messages d'erreurs pour le mettre dans "msg"(ou plutôt "data" dans ton cas)
et à l'aide de jquery faire un append dans le modal.

après si tu veux être aussi parfait qu'un borg, faut que tu trouves une astuce dans le data pour que tu saches quel champs de formulaire tu dois mettre en rouge en fonction de ou des erreurs de validation. :P