Wie kann ich mit jQuery Validation auf exakte Länge prüfen?

Da es (derzeit) keine integrierte Methode für diese, würden Sie brauchen, um Ihre eigene Methode. Dies würde die Arbeit:

jQuery.validator.addMethod("exactlength", function(value, element, param) {
 return this.optional(element) || value.length == param;
}, $.validator.format("Please enter exactly {0} characters."));

Könnte dann z.B. so verwendet werden:

$("#formtovalidate").validate({
  rules: {
    somefield: {
      exactlength: 10
    }
   });

Update - Wie es Funktioniert

Wurde ich gefragt, wie das funktioniert. Ich kenne nicht alle details, ich modellierte Sie diese Methode auf die bereits bestehenden. Dies ist jedoch mein bestes versucht, es zu erklären.

• Die Funktion nimmt in valueelementund param.
  • value ist der eingegebene Wert in das Feld, das validiert wird,
  • element ist das Feld selbst
  • param ist, was kommt nach der Regel, Art und Dickdarm. In dem Beispiel oben, es ist der 10 exactlength: 10
• Der nächsten Zeile ist ein return - Anweisung. Diese geben das endgültige Urteil des validation-Methode zurück, um den code, der es aufgerufen. Jede Validierung der Methode zurückgibt true sagt, 'dieses Feld Validierung weiterleitet!' Es wird wieder den Wert der Zeile es auf.
• Die return ist, gefolgt von zwei Erklärungen, getrennt durch ein 'oder' - operator (||).
  • Die || Betreiber bedeutet 'bewerten das Element Links von diesem. Wenn es wahr ist, true zurück. Wenn nicht, versuchen, das eine auf der rechten Seite. Wenn es wahr ist, true zurück. Andernfalls geben Sie false zurück.'
    • Das Element auf der linken Seite ist this.optional(element). Wenn das element ist nicht erforderlich, in Ihren Regeln, diese gibt true zurück, und so wird die Validierung. Was bedeutet " Wenn ich Ihnen nicht sagen, dass dieses Feld erforderlich ist, ist mir egal, ob es überprüft.'
    • Wenn das Feld erforderlich ist, bewegen wir uns auf der rechten Seite des ||. Dies ist die eigentliche Validierung test. Es vergleicht die Länge des Feldes ist die Eingabe mit der Länge, die Sie angegeben sollte es sein. Wenn Sie identisch sind, gibt es true zurück, gibt die Methode true zurück, und die überprüfung geht. Andernfalls wird die Validierung fehlschlägt.

Dass es über. Für weitere Hilfe finden Sie auf den Dokumentationinsbesondere der Teil über benutzerdefinierte Validierung von Methoden.

InformationsquelleAutor der Antwort Nathan Long

Könnte man auch die vorhandenen rangelength Methode unterstützt exakt diesen Bereich durch die Bereitstellung einer dynamischen Meldung wie dieser:

$.extend($.validator.messages, {
    rangelength: function(args, inputElement) {
        var isExactRange, min, max;

        //Cast arguments as numbers
        min = Number(args[0]);
        max = Number(args[1]);

        isExactRange = min === max;

        if (isExactRange) {
            return 'Please enter exactly ' + min + ' characters.';
        }


        return 'Please enter between ' + min + ' and ' + max + ' characters.';
    }
);

Wie gesehen werden kann, erzeugen Sie Nachrichten on-the-fly basierend auf der übergebenen Argumente auf die Validierung von Methoden. Nachricht callbacks übergeben werden, die Validierung der Methode Argumente, die als erstes argument, und das input-element, das validiert wird, als Ihr zweites argument.

Dies macht es möglich, zurück eine Nachricht, wenn Sie einen exakten Bereich angegeben ist, aber eine andere, wenn Obere und untere Schranken sind nicht das gleiche.

Fallback auf die default - rangelength Nachricht, ersetzen

'Please enter between ' + min + ' and ' + max + ' characters.'

mit

$.validator.messages.rangelength

Wäre es schön, wenn die offizielle Dokumentation aktualisiert werden sollen, da es schwierig ist zu navigieren und beschreibt nicht alle Funktionen des plugins.

InformationsquelleAutor der Antwort Lars Gyrup Brink Nielsen