jquery validation avec appel ajax

Question

J'utilise la validation jquery et j'ai besoin de valider un e-mail.

J'utilise

$("#myForm").validate({ 
     rules: 
      email: { 
       required: true, 
       email: true 
      } 
}) 

so far so good. Le problème est que j'ai besoin de faire un appel ajax pour vérifier si un email est déjà disponible.Si existe un message d'affichage "Cet e-mail existe déjà.Veuillez sélectionner autre".

Quelqu'un peut-il m'aider à l'implémenter?

Answer 1

remote: "/some/remote/path" 

Ce chemin sera passé la valeur du champ dans un $ _GET. donc .. ce qui sera effectivement appelé dans votre cas serait:

/some/remote/path?email=someemailuriencoded 

ont le code côté serveur retour juste le texte vrai ou faux.

Puis le message correspondant également appelé distant.

remote: "The corresponding email already exists" 

Mon code pour quelque chose de similaire:

$("#password_reset").validate({ 
    rules: { 
    email: { required: true, email: true, minlength: 6, remote: "/ajax/password/check_email" } 
    }, 
    messages: { 
    email: { required: "Please enter a valid email address", minlength: "Please enter a valid email address", email: "Please enter a valid email address", remote: "This email is not registered" } 
    }, 
    onkeyup: false, 
    onblur: true 
}); 

Le code côté serveur correspondant en php:

$email_exists = $db->prows('SELECT user_id FROM users WHERE email = ? LIMIT 1', 's' , $_GET['email']); 
if ($email_exists) { echo 'true'; } else { echo 'false'; } 
exit; 

Bien sûr, qui est en utilisant mon truc d'abstraction de base de données, mais vous l'obtenez.

Answer 2

Quel est votre langage de serveur? PHP ou ASP?

Ceci est la partie jQuery:

$.ajax({ 
    type: "POST", 
    url: "YourWebserviceOrWhatEver", 
    data: "{'Email':'your@ema.il'}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(msg) { 
     if(msg.EmailExists){ 
     //Email exists 
     alert("This email already exists. Please select other"); 
     } 
     else { 
     //Email doesn't exist yet 
     doSomething(); 
     } 
    } 
}); 

Answer 3

Eh bien, cela fonctionne pour moi ...

$('[id$=txtEmail]').rules("add", { required: true, email: true, 
     remote:function(){ 
       var checkit={ 
        type: "POST", 
        url: WebServicePathComplete+"VerifyEmail", 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        data: "{'email':'" +$('[id$=txtEmail]').val() + "'}" 
       }; 
       return checkit; 
     } 
    }); 

Notez que j'ai une entrée avec l'id 'txtMail'