jQuery validator - Cannot call method 'call' undefined Fehler beim hinzufügen der Validierung dynamisch

Dies ist mein code zum update der jQuery Validierung dynamisch. In Dokument laden, was ich schaffen die Validierung. Dieser code wird verwendet zum aktualisieren der Telefon-Nummer Validierung dynamisch. Nach der Anwendung dieser überprüfung, wenn ich irgendetwas eingeben im Telefon-Nummer Textfeld bekomme ich nicht rufen Sie die Methode "call" undefined " Fehler.

 $("#phone").rules("remove");

$("#phone")
  .rules(
  "add",
  {
    required:true,
    minlength:5,
    maxlength:20,
    phoneUS:true,
    messages:{
    required: "Enter company phone number",
    minlength:"Phone number should contain a minimum of 5  characters",
    maxlength:"Phone number should contain a maximum of 20  characters",
    phoneUS:"Enter valid phone number"
  }

  });

Vielen Dank im Voraus. Wie man dieses Problem lösen?

Sie hat diese Frage mit jquery-validation-engine. Das ist eine ganz andere plugin. Bearbeitet. Danke.

InformationsquelleAutor Anbu Raj | 2013-03-28

  1. 23

    Gibt es vier potenzielle Probleme.

    1) Du bist fehlt eine schließende Klammer für die messages Abschnitt.

    $("#phone").rules("add", {
    required: true,
    phoneUS: true,
    messages: {
        required: "Enter company phone number",
        phoneUS: "Enter valid phone number"
    } //<-- this was missing 
});

    DEMO: http://jsfiddle.net/A8HQU/2

    2) Es ist ein bekannter bug wo hinzufügen messages mit der rules('add') Methode bricht das plugin und/oder Regel. Stellen Sie unbedingt sicher, dass Sie auch jQuery Validierung version 1.11.1 oder besser.

    3) Die phoneUS Regel erfordert die Einbeziehung von die additional-methods.js - Datei.

    4) Die rules('add') Methode muss kommen nach die .validate() - Initialisierung-Funktion.

    Hinweis:

    Bist du mit dem phoneUS Regel, so minlength und maxlength sind völlig überflüssig ist, da die phoneUS Regel ist bereits auf der Suche nach einem präzisen format/Länge.

    Danke.Problem bei jQuery Validierung version. Ich benutzte jQuery Validierung version 1.11. Update ich jQuery Validierung version 1.12, jetzt funktioniert es. Noch einmal vielen Dank..
    hast du den link, wo du 1.12? da die aktuelle version von jqueryvalidation.org 1.11
    Ich hatte das gleiche problem mit 1.11.1 denn ich habe nicht die additional-methods.js Datei enthalten. Vielen Dank für die ausführliche Antwort!

    InformationsquelleAutor Sparky

  2. 9

    Ich hatte das gleiche problem, aber mit einer anderen Ursache. Das gleiche problem passiert, wenn ich eine Regel ist erforderlich": true," anstatt "required:true".

    Dieser Fehler passiert, wenn Sie geben in Ihren Regeln eine überprüfung, dass keine entsprechende Methode. Durch Debuggen habe ich herausgefunden, dass die Ausnahme zeigt, die ich angegeben in der Regel "erforderlich" durch den Namen der Methode, war als "erforderlich". Es versucht, auf eine Methode innerhalb einer hashmap, und versucht .call () - selbst wenn die Methode nicht gefunden wird, die zu einer Ausnahme führt.

    Wenn der plugin-Autor einfach warf einen benutzerdefinierten Fehler in diesem Fall erklärt, dass "Die Regel" erfordern "hat keine Methode" wäre es einfacher zu Debuggen & erkennen der typo.

    Dies ist auch die gleiche Ursache das berüchtigte problem mit dem plugin Einreichen, obwohl Felder sind ungültig. Sehen & Stimme für mein Problem report - https://github.com/jzaefferer/jquery-validation/issues/1212

    InformationsquelleAutor Josh Ribakoff

  3. 7

    Als bezogenen Fehler, wenn Sie fügen Sie eine benutzerdefinierte Regel mit:

    $.validator.addMethod('field-is-valid', function (val, element) { ...})

    aber dann verweisen Sie in Ihren Regeln Erklärung mit dem falschen Namen:

    $(element).rules('add', {
    "field-valid": true
})

    erhalten Sie die gleichen Cannot call method call of undefined.

    InformationsquelleAutor tobylaroni

  4. 1

    Stieß ich auf ähnliches problem zweimal vor kurzem und viel Zeit damit verbracht, zu versuchen, es herauszufinden, also werde ich verlassen, hier eine einfache Lösung. Und wenn der moderator meint, dass dies nicht der richtige Ort, lass es mich wissen.

    Der Fehler passiert beim ausführen dieses Beispielcodes:

    $(document).ready(function () {

    $.validator.addMethod("numberEqualTo", function (value, element, parameter) {
        return parseInt(value) === parseInt(parameter);
    }, "Values must match");

    $("#example2").validate({
        focusInvalid: false,
        onkeyup: true,
        onfocusout: true,
        errorElement: "div",
        errorPlacement: function (error, element) {
            error.appendTo("div#errors");
        },
        rules: {
            "example2-fullname": {
                required: true,
                minlength: 5
            },
            "example2-phone": {
                required: true,
                number: true
            },
            "example2-zip": {
                required: true,
                number: true,
                rangelength: [3, 5]
            },
            "example2-value": {
                required: true,
                number: true,
                numberEqualTo: 10
            }
        },
        messages: {
            "example2-fullname": {
                required: "You must enter your full name",
                minlength: "First name must be at least 5 characters long"
            },
            "example2-phone": {
                required: "You must enter your phone number",
                number: "Phone number must contain digits only"
            },
            "example2-zip": {
                required: "You must enter your zip code",
                number: "Zip code must contain digits only",
                rangelength: "Zip code must have between 3 to 5 digits"
            },
            "example2-value": {
                required: "You must enter your value",
                number: "Value must be a digit",
                numberEqualTo: "Value must be equal to 10"
            }
        }
    });
});

    Warum? Aus irgendeinem Grund, wenn Sie explizit angeben:

    onkeyup: true,
onfocusout: true,

    Programm werfen den erwähnten Ausnahme. Dies ist der Fall, wenn ein oder BEIDE oben genannten Optionen auf "true". Auf der anderen Seite, wenn Sie setzen BEIDE auf 'false' oder EINE 'falsche' und entfernen Sie die andere, es funktioniert wie erwartet.

    Das wichtigste: Wenn Sie löschen Sie oder kommentieren Sie eine dieser Optionen, die Sie entfernt, wird auf Standardwert "true" UND GEWANN"T werfen alle Fehler. So ist es möglich, anpassen der Validierung plugin genau so, wie Sie wollen, Sie müssen nur immer daran denken, nicht, um diese Optionen auf 'true' explizit.

    Ich hoffe, dies hilft jemand, trotz der Tatsache, dass das eigentliche problem in dieser Frage für diese bestimmten Benutzer wurde bereits behoben.

    Das hat absolut nichts mit der Lösung des OP ' s Frage, und was Sie beschreiben, ist ausdrücklich in der Dokumentation erwähnt: "Ein boolean true ist kein Gültiger Wert." Es wurde auch gefragt, und beantwortet SO einige Male schon.

    InformationsquelleAutor rvnlord

  5. 0

    Obige code funktioniert nicht weil es fehlt, ist } nach der property-Liste.

    Bitte unterlassen Sie das "text-sprechen". Korrekte Grammatik und Rechtschreibung wird erwartet. Bearbeitet. Danke.

    InformationsquelleAutor karthick

Schreibe einen Kommentar