Wie kann ich mit jQuery Validation die genaue Länge überprüfen?

Verwendung der jQuery-Validierungs-Plugin Um Formulare zu validieren, wie würden Sie bestätigen, dass eine Zeichenfolge genau X Zeichen lang ist?

Da es dafür (derzeit) keine eingebaute Methode gibt, müssten Sie Ihre eigene Methode hinzufügen. Das würde funktionieren:

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

Was dann so verwendet werden könnte:

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

Aktualisieren – So funktioniert es

Ich wurde gefragt, wie das funktioniert. Ich kenne nicht alle Einzelheiten; Ich habe diese Methode auf bereits existierende modelliert. Dies ist jedoch mein bester Versuch, es zu erklären.

• Die Funktion übernimmt value, elementund param.
  • value ist der in das zu validierende Feld eingegebene Wert
  • element ist das Feld selbst
  • param ist alles, was nach dem Regeltyp und dem Doppelpunkt kommt. Im obigen Beispiel ist es die 10 Zoll exactlength: 10
• Die nächste Zeile ist a return Aussage. Dadurch wird das endgültige Urteil der Validierungsmethode an den Code zurückgegeben, der sie aufgerufen hat. Jede Validierungsmethode, die zurückgegeben wird true sagt: “Dieses Feld besteht die Validierung!” Es gibt den Wert der Zeile zurück, auf der es sich befindet.
• Das return gefolgt von zwei Deklarationen, getrennt durch einen ‘or’-Operator (||).
  • Das || Operator bedeutet ‘bewerten Sie das Element, das davon übrig ist. Wenn es wahr ist, gib wahr zurück. Wenn nicht, versuchen Sie es rechts. Wenn es wahr ist, gib wahr zurück. Geben Sie andernfalls false zurück.’
    • Das Element auf der linken Seite ist this.optional(element). Wenn das Element in Ihren Regeln nicht erforderlich ist, wird dies wahr zurückgegeben, ebenso wie die Validierung. Was bedeutet: “Wenn ich Ihnen nicht sage, dass dieses Feld erforderlich ist, ist es mir egal, ob es validiert wird.”
    • Wenn das Feld erforderlich ist, bewegen wir uns auf die rechte Seite des ||. Dies ist der eigentliche Validierungstest. Es vergleicht die Länge der Feldeingabe mit der von Ihnen angegebenen Länge. Wenn sie gleich sind, gibt es true zurück, die Methode gibt true zurück und die Validierung wird bestanden. Andernfalls schlägt die Validierung fehl.

Das ist alles. Weitere Hilfe finden Sie unter Dokumentationinsbesondere der Teil über benutzerdefinierte Validierungsmethoden.

Beispiel:

rules : {
"someFieldName":{digits:true,minlength:20,maxlength:20}
}

Am einfachsten ist es, die vorhandenen Validierungsmethoden über Datenattribute zu verwenden und dann zur Verdeutlichung einfach Ihre eigene Validierungsnachricht festzulegen.

<input data-rule-minlength="8" data-rule-maxlength="8" data-msg-minlength="Exactly 8 characters please" data-msg-maxlength="Exactly 8 characters please">

Du könntest auch das Vorhandene machen rangelength -Methode unterstützt den genauen Bereich, indem eine dynamische Nachricht wie die folgende bereitgestellt wird:

$.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 zu sehen ist, können Sie Nachrichten basierend auf den Argumenten, die an die Validierungsmethoden übergeben werden, spontan generieren. Nachrichtenrückrufen werden die Validierungsmethodenargumente als ihr erstes Argument und das zu validierende Eingabeelement als ihr zweites Argument übergeben.

Dadurch ist es möglich, eine Nachricht zurückzugeben, wenn ein genauer Bereich angegeben ist, aber eine andere, wenn Ober- und Untergrenze nicht identisch sind.

Um auf die Standardeinstellung zurückzugreifen rangelength Nachricht, ersetzen

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

mit

$.validator.messages.rangelength

Es wäre schön, wenn die offizielle Dokumentation aktualisiert würde, da sie schwer zu navigieren ist und nicht alle Funktionalitäten des Plugins beschreibt.