Discussion :

[tyrios]

Bonjour,

Je dois contrôler un email dans un formulaire par le biais du js.
Voici les contrôles que je dois effectuer :

1. champ vide
2. structure correcte
3. DNS correct

Pour cela, j'utilise les "rules".

Voici mon code js

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
$("#f_profil").validate({
    rules: {
        email: {                        
            required: true,  // premier contrôle : champ vide
            email: true, // deuxième contrôle : structure correcte
            remote: {  // troisième contrôle : DNS correct
                url: SERV+"/profile/ajax/validate/",
                type: "POST",
                data: {
                    email: function()  {
                        return $("#email").val();
                    }
                }
            }
        },
    },
    messages: {
        email: {
            required: REQUIRED,
            email: "email invalide",
            remote: $.validator.format("{0}")
        }
    }
});

Voici mon code php

Code php :

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

1
2
3
4
5
6
7
8
9
10
public function ajaxAction () {
    $return = null;
 
    if($this->getRequest()->getParams('validate', null)) {
        if($this->getRequest()->getPost('email', null)) :
            $return = $this->validator('email', null, 'email');
        endif;
        $this->view->return = ($return) ? '"email invalide"' : '"true"';
    }
}

Le script fonctionne correctement partout sauf pour safari sur mac. (safari pc et iphone, pas de problème).

Sur safari version mac, le premier et le deuxième contrôle fonctionnent. Par contre le troisième ne fonctionne pas.

J'ai lu que les requêtes ajax étaient par défaut asynchrone et que des problèmes pouvaient en découler.
src : http://www.eric-pidoux.com/actu/safa...avascript-ajax

J'ai rajouté dans le "remote" la ligne

Code :

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

async: false,

juste après la ligne

Code :

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

type: "POST",

mais il n'y a pas de changement.

Peut-être elle est mal placée ?
J'ai essayé aussi d'utiliser addMethod mais comme je ne suis pas très calé en ajax, cela ne fonctionne pas.

Si vous voyez mon erreur ou si vous avez une alternative, je suis preneur.

Merci

[SpaceFrog]

Quel interet de la faire en ajax ???
ça fait de l'utilisation de bande passante pour rien

Il serait plus économique de faire juste une vérification de format avec une regExp coté client, puis une contre-vérification lors de la soumission du formulaire?

[tyrios]

Le contrôle est fait également lors de la soumission du formulaire (dans le cas où le js serait bloqué par le navigateur).

Malheureusement, je ne suis pas décisionnaire sur le projet.
Le but est de réduire les manipulations ou les étapes pour le client. C'est aussi pour que l'information soit indiquée au client de suite.

[SpaceFrog]

Pas besoin d'aller faire la vérification sur le serveur pour ça, javascript est tout a fait capable de vérifier une adresse mail au niveau syntaxique.

[tyrios]

Salut,

Pas besoin d'aller faire la vérification sur le serveur pour ça, javascript est tout a fait capable de vérifier une adresse mail au niveau syntaxique.

Pas de soucis pour cela, je sais que javascript est capable de vérifier un email au niveau syntaxique.
Un outil de zend framework permet de vérifier également la validité du nom de domaine.
ex : une adresse email comme celle-ci (tartampion@blablabla.com) est correcte de manière syntaxique mais je doute que le nom de domaine existe. Un outil de zend me permet de le vérifier.

A la demande de mon client, le contrôle devait être immédiat, d'où l'utilisation de l'ajax.

Bref, le problème est résolu

Comme je dis plus haut, l'ajout de "async: false," dans le "remote" n'a pas résolu le problème. J'ai également ajouté "cache: false," pour tester. Cela fonctionne toujours sur les navigateurs que j'avais testés mais aussi sur safari version mac (celui qui déconnait).

Voici le code en place

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
25
26
$("#f_profil").validate({
    rules: {
        email: {                        
            required: true,  // premier contrôle : champ vide
            email: true, // deuxième contrôle : structure correcte
            remote: {  // troisième contrôle : DNS correct
                url: SERV+"/profile/ajax/validate/",
                type: "POST",
                async: false,
                cache: false,
                data: {
                    email: function()  {
                        return $("#email").val();
                    }
                }
            }
        },
    },
    messages: {
        email: {
            required: REQUIRED,
            email: "email invalide",
            remote: $.validator.format("{0}")
        }
    }
});

En espérant que cela aidera d'autres personnes.

A bientôt