Zend FR

martinsupiot · 21-08-2009 16:42:42

J'insère le script suivant dans une page pour faire une validation de mon formulaire en JS avec Jquery.
La première étape se déroule correctement, mais la seconde étape reload la page au lieu de récupérer le contenu de la requête Ajax.
Quoi que je change (post, get, json...) le problème est toujours le même...

Code:

$(document).ready(function() {
    
    $('#user_signin').bind('submit', function(){
        
        var isOk = true;
        
        // Vérification si l'email n'est pas vide
        if ( jQuery.trim($('#email').val()).length == 0 ) {
            isOk = false;
            $("#email").after('<ul class="errors"><li>Ce champ est vide, vous devez le compléter</li></ul>');
        }
        
        // Vérification si l'email n'est pas déjà utilisé
        $.getJSON("http://www.domain.fr/fr/ajax/check-email", {},
            function success(data) {
                if(data == true) {
                    isOk = false;
                    $("#email").after('<ul class="errors"><li>Ce compte existe déjà !</li></ul>');
                }
            }
        );
        
        return isOk;
    });
});

Une idée ?

merci

Dernière modification par martinsupiot (23-08-2009 13:03:51)

mikaelkael · 22-08-2009 16:06:50

Hello,

Il ne faut pas retourner de true dans ta fonction sinon tu exécutes le submit donc le chargement de la page indiquée dans 'action' du formulaire.

A+

martinsupiot · 23-08-2009 09:35:32

Je suis d'accord avec toi, mais le problème c'est que même le code suivant recharge la page !

Code:

$(document).ready(function() {
    
    $('#user_signin').bind('submit', function(){
        
        // Vérification si l'email n'est pas déjà utilisé
        $.post("http://www.domain.fr/fr/ajax/check-email", {},
            function success(data) {
                $("#email").after('<ul class="errors"><li>Ce compte existe déjà !</li></ul>');
            }
        );
        
        return false;
    });
});

nicko · 23-08-2009 09:52:19

J'ai eu un problème équivalent il c'est réglé simplement en retournant "return" sans FALSE. A voir !

Dernière modification par nicko (23-08-2009 09:52:36)

martinsupiot · 23-08-2009 13:03:29

En supprimant la valeur de retour ca marche effectivement. Le code Javascript s'exécute avant d'avoir le retour AJAX du coup le submit se fait.... Il faut donc faire le submit explicitement plutôt que de retourner true.

Dernière modification par martinsupiot (24-08-2009 08:02:29)

Zend FR

#1 21-08-2009 16:42:42

[Résolu][ZendX_JQuery][1.9] Requete Ajax

Code:

#2 22-08-2009 16:06:50

Re: [Résolu][ZendX_JQuery][1.9] Requete Ajax

#3 23-08-2009 09:35:32

Re: [Résolu][ZendX_JQuery][1.9] Requete Ajax

Code:

#4 23-08-2009 09:52:19

Re: [Résolu][ZendX_JQuery][1.9] Requete Ajax

#5 23-08-2009 13:03:29

Re: [Résolu][ZendX_JQuery][1.9] Requete Ajax

Pied de page des forums