jquery Validierung mit Ajax Anruf

Question

Ich benutze die Jquery-Validierung und ich muss eine E-Mail validieren.

Ich benutze

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

so weit so gut. Das Problem ist, dass ich einen Ajaxanruf machen muss, um zu überprüfen, ob gegebene E-Mail bereits existiert. Wenn vorhanden, Anzeige Nachricht "Diese E-Mail bereits beendet. Bitte wählen Sie andere".

Kann mir jemand helfen, dies zu implementieren.

Answer 1

remote: "/some/remote/path" 

Dieser Pfad wird den Wert des Feldes in einem $ _GET übergeben. so .. was eigentlich in Ihrem Fall aufgerufen wird, wäre:

/some/remote/path?email=someemailuriencoded 

Haben Sie den Server-seitigen Code Rückkehr nur der Text wahr oder falsch.

Dann wird die entsprechende Nachricht auch als remote bezeichnet.

remote: "The corresponding email already exists" 

Mein Code für etwas ähnliches:

$("#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 
}); 

Der entsprechende Server-seitigen Code in 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; 

Natürlich, dass meine Datenbank-Abstraktions Zeug ist, aber Sie es.

Answer 2

Was ist Ihre Serversprache? PHP oder ASP?

Dies ist das jQuery Teil:

$.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

Nun, das funktioniert für mich ...

$('[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; 
     } 
    }); 

beachten Sie, dass ich eine Eingabe mit der id 'txtMail' haben