Jquery - Validierung-Zeit-Wert in einem Formular - richtige Weg?

Nachdem die google-Suche, auf der Suche dieser Seite, sowie jQuery finden, gab es keine einfache Möglichkeit zu überprüfen Zeit Wert.

Durch die Blicke der Dinge, die Sie vorschlagen, mit addMethod und verwenden, die auf regexpess den Wert zu überprüfen, was Zeit Aussehen sollte.

Jedoch beschlossen, den Blick auf die jquery.validate.js und wie dateISO wurde überprüft, es sah viel einfacher Weg, es zu tun, so dass ich dann kopiert alle Daten dateISO und nannte es timeISO und verändert den string zu validieren Zeit und nutzte die folgende Zeit, sting

^([01]\d|2[0-3]):[0-5]\d:[0-5]\d$

Gibt es einige Grund, warum sollte man nicht ändern jquery.validate.js und Mach es so wie ich haben? Nur ein wenig besorgt, als alle meine Suche bei google und in diesem forum wurde noch nie vorgeschlagen.

  • Sie sollten nicht ändern jQuery.validate.js denn wenn Sie sich entscheiden, auf die neueste version aktualisieren, müssen Sie daran denken, zu aktualisieren, deinen Bestätigungscode zu. Behandeln jQuery.validate.js als 3rd-party-Bibliothek von code, der nicht geändert werden sollte.
  • Sie können fügen Sie benutzerdefinierte Methoden zu jQuery.validate, das ist, warum es so verwendet. Was auch immer Sie versuchen, zu validieren, es ist eine benutzerdefinierte Methode, für die es irgendwo gepostet.
InformationsquelleAutor Damien-Data | 2012-08-19
  1. 14

    Können Sie benutzerdefinierte Methoden zu jQuery.validate. Es ist wahrscheinlich ein für diese, aber ich codiert diese 24h Zeit-format-Validierung als Beispiel:

    $.validator.addMethod("time24", function(value, element) {
    if (!/^\d{2}:\d{2}:\d{2}$/.test(value)) return false;
    var parts = value.split(':');
    if (parts[0] > 23 || parts[1] > 59 || parts[2] > 59) return false;
    return true;
}, "Invalid time format.");

    Geige

    Dokumentation.

    Kann man auch alles zusammenfassen in einem einzigen regulären Ausdruck (Quelle):

    ([01]?[0-9]|2[0-3])(:[0-5][0-9]){2}

    Und wenn Sie mit HTML5, können Sie die pattern Attribut:

    <input type="text" pattern="([01]?[0-9]|2[0-3])(:[0-5][0-9]){2}" 
    required="required" placeholder="hh:mm:ss" />

    Geige

    Halten mit der jQuery.validate Methode, wenn Sie brauchen, Kompatibilität mit älteren Browsern allerdings:

    $.validator.addMethod("time24", function(value, element) {
    return /^([01]?[0-9]|2[0-3])(:[0-5][0-9]){2}$/.test(value);
}, "Invalid time format.");

    Demo

    InformationsquelleAutor Fabrício Matté
  2. 3

    Ich weiß, es ist schon eine Weile her, aber ich denke, die beste Lösung ist, um die additional-methods.js Bibliothek.
    (Sie können es herunterladen von http://jqueryvalidation.org/)

    Gibt es zwei Validierungen: "time12h" und "Zeit".

    InformationsquelleAutor Silvestre
  3. 1

    Ändern der plugin-Kern macht es schwieriger für die Aktualisierung auf eine neue version des plugins, ohne Austausch Ihrer Veränderungen, und ist selten eine gute Idee.

    Ich würde vorschlagen, dass Sie Ihre benutzerdefinierten code in einer separaten Datei, statt der Veränderung der core-code.

    • so konnte ich kopieren Sie die änderungen, die ich gemacht, und erstellen Sie eine custoemr Skript aktuell zu validieren Zeit habe ich folgende Merkmale aufweist code "Time: { required: true, timeISO: true}, -was würde ich brauchen, um es dort für Sie zu verwenden eine externe js-Datei? cheers
    • Ja, gegeben, dass die Lizenz erlauben, Sie zu kopieren Sie den code, das wäre der beste Weg zu gehen, glaube ich!
    InformationsquelleAutor Christofer Eliasson
Schreibe einen Kommentar