validation formulaire symfony 2 avec jquery ?

Bonjour,

J'ai créé un formulaire pour ajouter une annonce avec symfony2, j'ai aussi créé les validateur et tout ca passe bien

maintenant j'ai intégré le formulaire d'ajout de l'annonce sur la page d’accueil en ajoutant cette ligne :{% render "TestAnnonceBundle:Annonce:Ajouter" %}

le formulaire s'affiche et ca marche bien

je voulais que la validation se fait directement sur la page d’accueil sans la recharge de la page ?

je sais que c'est avec ajax et j'ai fait ca :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<form action="{{ path('TestAnnonceBundle_ajouter') }}" method="post" {{ form_enctype(form) }} id="form1"> {{ form_widget(form) }} <input type="submit" class="btn btn-primary" /> </form> <script> $(document).ready(function(){ $('#form1').submit(function(e) {   s = $(this).serialize();   $.ajax({ type: "POST", data: s, url: $(this).attr("action"), success: function(retour){ $('#t22').html("succes"); } }); return false;   }); }); </script>

---

mais ca pas marché

savez vous comment je peux faire cette validation ?

Merci par avance

Bonjour,

Qu est ce qui ne marche pas ?

Essaye de donner plus d'information sur le problème.

Post éventuellement l'action xhtml ou sont envoyées tes données

Citation:

---

Envoyé par stephan.78

Bonjour,

Qu est ce qui ne marche pas ?

Essaye de donner plus d'information sur le problème.

Post éventuellement l'action xhtml ou sont envoyées tes données

---

ce qui ne marche pas est que je voulais que les message d'erreur s'affiche sans recharge de la page ! en utilisant Ajax mais ça pas marché :/

mon code html.twig est :

Code:

---

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

<form action="{{ path('MapannoncesAdresseBundle_ajouter') }}" method="post" {{ form_enctype(form) }} id="form1"> {{ form_widget(form) }} <input type="submit" class="btn btn-primary" /> </form> <script> $(document).ready(function(){ $('#form1').submit(function(e) {   s = $(this).serialize();   $.ajax({ type: "POST", data: s, url: $(this).attr("action"), success: function(retour){ $('#t22').html("bilel"); } }); return false;   }); }); </script>

---

Salut,

Si tu souhaites obtenir les messages d'erreur que symfony génère sur chaque champs sans recharger la page, tout en utilisant exactement la même action que celle de ton formulaire, je pense que tu te compliques la vie pour rien. L'AJAX n'a pas lieu d'être car tu feras appel à la même action deux fois de suite en cas de succès.

Si les messages ne s'affichent pas c'est parce que justement tu ne recharges pas la page et qu'à aucun endroit dans ton script js tu ne récupères les messages d'erreur pour les placer dans les éléments HTML de ta page (ce qui à mon sens est aussi prise de tête qu'inutile).

Si en revanche c'est une sorte de pré-validation avec une action différente de celle de ton formulaire (ce qui ne m'a pas l'air d'être le cas), et un message d'erreur personnalisé, alors la seule chose qui te manque c'est de récupérer ledit message d'erreur et de l'afficher dans un élément HTML.

++