La Ferme du web - Les forums

Venez baraguiner avec la communauté !

Vous n'êtes pas identifié.

#1 16/02/2013 00:57:29

echef
Membre
Date d'inscription: 25/12/2009
Messages: 40

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:

 
<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("succès"); 
        } 
    }); 
    return false; 

});
});    
</script>

mais ca pas marché hmm

savez vous comment je peux faire cette validation ?

Merci par avance smile

Dernière modification par echef (16/02/2013 01:04:40)

Hors ligne

 

16/02/2013 00:57:29

Botte De Foin Publicitaire


#2 23/08/2013 22:11:21

elderion
Membre
Date d'inscription: 23/08/2013
Messages: 1

Re: validation formulaire symfony 2 avec jquery ?

La je dirais tout d'abord que le return false sert a rien.
Ensuite je suppose que quand tu soumet le formulaire il se passe rien coté JS
et ta page est rechargée (meme si délai tres court).

Le truc en fait c'est que quand tu surcharge un evenement sur un element,
pour le remplacer par un autre evenement codé par tes soins,
il faut dans la surcharge annuler (empecher) l'evenement initial de se produire.

place ceci :  e.preventDefault()
juste avant ceci : s = $(this).serialize();

ca annulera l'evenement "submit" initial et laissera tes instructions Ajax s'executer.

Je pense que le probleme se situe la.
Dis moi ce que ca fait.

Hors ligne

 

Pied de page des forums

Powered by FluxBB
© Copyright 2008-2009 - LaFermeduWeb.net