JQuery-Validation-Plugin: Verwenden Sie Benutzerdefinierte Ajax-Methode

Suche nach etwas Hilfe mit der Jquery form validation plugin, wenn möglich.

Ich bin die Validierung der E-Mail-Feld meines Formulars auf Weichzeichnen, indem Sie eine ajax-Anfrage an meine Datenbank, die überprüft, ob der text im Feld E-Mail ist aktuell in der Datenbank.

    //Check email validity on Blur
       $('#sEmail').blur(function(){
       //Grab Email From Form
       var itemValue = $('#sEmail').val();
        //Serialise data for ajax processing
        var emailData = {
            sEmail: itemValue
        }
        //Do Ajax Call
         $.getJSON('http://localhost:8501/ems/trunk/www/cfcs/admin_user_service.cfc?method=getAdminUserEmail&returnFormat=json&queryformat=column', emailData, function(data){

                    if (data != false) {
                        var errorMessage = 'This email address has already been  registered';
                    }
                    else {
                        var errorMessage = 'Good'
                    }
                })
    });

Was ich tun möchte, ist encorporate dieser Aufruf in die Regeln meiner JQuery-Validation-Plugin...e.g

    $("#setAdminUser").validate({
      rules:{
             sEmail: {
                  required: function(){
                  //Replicate my on blur ajax email call here
                 }                  
             },
            messages:{
                sEmail: {
                    required: "this email already exists"       

            }
        });

Frage mich, ob es trotzdem, dies zu erreichen? Vielen Dank

InformationsquelleAutor namtax | 2010-02-03

15

Sie gerade eine AJAX-Anfrage, ergo: die Validierung ist bereits abgeschlossen und arbeiten, wenn Sie Ihre benutzerdefinierten validator liefert entweder true oder false.

Arbeiten Sie mit async. Siehe auch dieser Beitrag: Wie kann ich mit jQuery ausführen, eine synchrone statt asynchrone Ajax-request?

Können sagen, wir haben eine benutzerdefinierte Validierung zu prüfen, die Einzigartige Mobile, So werden wir eine neue Methode hinzufügen, wie folgt, zu prüfen, die einzigartige Mobile no :
```
jQuery.validator.addMethod("uniqueMobile", function(value, element) {
    var response;
    $.ajax({
        type: "POST",
        url: <YOUR SERVER SCRIPT/METHOD>,
        data:"mobile="+value,
        async:false,
        success:function(data){
            response = data;
        }
    });
    if(response == 0)
    {
        return true;
    }
    else if(response == 1)
    {
        return false;
    }
    else if(response == 'logout')
    {
        return false;
    }
}, "Mobile is Already Taken");
```
schön beantwortet 🙂
können wir $.get()?
ja, Sie können mit $.get () - Funktion, da es eine abstrakte Methode, um einen ajax-call an den server über jQuery, aber in diesem Fall schicken Sie Ihre Daten wie z.B.: "mobile="+Wert an die url angehängt, die Sie anfordern.
Gut 🙂 Danke Rahul.
Jederzeit Bruder..!! 🙂

InformationsquelleAutor theCodeMachine

Können Sie eine eigene Validierung der Methode, wie diese

 $.validator.addMethod('unique',
                     function(value) {
        $.get('http://localhost:8501/ems/trunk/www/cfcs/admin_user_service.cfc','?method=getAdminUserEmail&returnFormat=json&queryformat=column&emailData='+ value,
                            function(return_data) {
                                return return_data;
                            })
                         }
                         , "this email already exists"
                    );

dann fügen Sie die unique Klasse, um Ihre E-Mail-Feld, oder Sie können so etwas wie das

$.validator.addClassRules("unique-email", {
                unique: true
            });

InformationsquelleAutor Adam

Versuchen Sie dies:

$.validator.addMethod('unique', 
            function(value) {
         var result = $.ajax({ 
                             async:false, 
                             url:"http://yoursamedomain.com/checkemail",
                             data:'email='+ value, 
                             dataType:"text" }); 

         if(result .responseText) return true; else return false;

             } , "This email address has already been  registered");

Hallo, ich Schätze Ihre Antwort, ich habe auf bewegt von diesem Projekt so nicht gelten Ihr feedback. Ich bin sicher, es wird kommen in praktisch, aber das nächste mal bin ich mit Hilfe von jQuery. Dank

InformationsquelleAutor Udit

0

Für serverseitige AJAX-Validierung verwenden remote Regel. Dies ist die gleiche wie standard-jQuery-AJAX-request-Objekt. Ihr server muss zurückgegeben string "true" Gültiger Wert oder "falsch" für ungültig, es kann auch einige Pässe string "Diese E-Mail wurde bereits getroffen", und dies wird empfunden, als ungültig, und machen so eine Fehlermeldung:
```
$( "#myform" ).validate({
  rules: {
    email: {
      required: true,
      email: true,
      remote: {
        url: "check-email.php",
        type: "post",
        data: {
          username: function() {
            return $( "#username" ).val();
          }
        }
      }
    }
  }
});
```
Lesen Sie die Dokumentation, hier remote-Methode

InformationsquelleAutor Lukas Pierce

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.