Zeit Prüfung (und Vergleich) mit Javascript / JQuery

Zunächst entschuldigen für die Erstellung meiner Dritten Javascript-Frage, in wie vielen Tagen - ich bin wirklich versucht, mich in diesem Bereich auf dieses Projekt, und das Gefühl, meine Fähigkeiten entwickeln sich in eine ziemlich gute Quote Dank meinen Recherchen und eurer tollen Hilfe hier, besonders redsuqare!!

Ich habe eine Tabelle, wo die Menschen können Sie Zeiten erfassen und über eine Maske im Ort, wo es werde zu überprüfen, dass die Eingabe im format 99:99 - das ist toll, aber im Idealfall möchte ich eine Begrenzung auf nicht mehr als 23:59!

Hier der code, ich habe im moment zusammengeschustert das beste ich kann, aber wenig überraschend nicht mehr funktioniert...

$.each($('#hoursavailable tr td :checkbox'), function() {

    var $this = $(elem); //cache the object
    var $row = $this.closest('tr'); //find the nearest table row
    if($this.is(':checked')) {
        //do nothing!
    } else {
        $row.each(':text'),function() {
            var splittime = $(this).split(":");
            if(splittime[0] > 22 || splittime[1] > 58) {
                alert('please enter a valid date'); return false;
            }
        }
    }
});

Könnte auch sein, darauf hinzuweisen, dass es zwei Eingänge pro Zeile/tr - es wäre absolut ideal, wenn ich irgendwie könnte die beiden vergleichen, um sicherzustellen, dass Sie die erste ist vor der zweiten, aber zu schätzen, dass es könnte sogar sein, mehr über mich als die aktuellen Sachen 🙁

Dank

aktualisierte Antwort .

InformationsquelleAutor Nick | 2009-08-07

  1. 1

    Du bist verrückt mit deinem eaches, wenn Sie wirklich brauchen nur eine

    Diese sollte erhalten Sie gehen mit ein paar Vorsichtsmaßnahmen wie unten beschrieben.

        $("#hoursavailable :checked").each(function() {
        var splittime = $(this).parents("tr").find(":text").val().split(":");
        if (splittime[0] > 22 || splittime[1] > 58) {
            alert('please enter a valid date'); 
            return false;
        }        
    });

    Habe ich hier unterstellt, dass Sie nur eine text-box (daher .finden(":text") auf die Muttergesellschaft. Sie könnte erwägen, das hinzufügen einer Klasse, aber Bedenken Sie, dass class-Selektoren sind langsam.

    Gibt es keine Validierung hier, so möchten Sie vielleicht fügen Sie ein wenig mehr, jedoch ist die Prämisse funktioniert.

    Vielen Dank! Nur modifiziert diese ein wenig, es funktioniert und es ist eine absolute jetzt behandeln, danke! $("#hoursavailable :text").each(function() { $this = $(this); // cache-Objekt var splittime = $this.val().split(":"); if (splittime[0] > 22 || splittime[1] > 58) { $this.focus(); $.jGrowl('Bitte geben Sie ein gültiges Datum! Muss nicht größer als 23:59!', { Thema: 'smoke' }); retVal = false; return false; } });

    InformationsquelleAutor James Wiseman

  2. 3

    Diese kann das sein, was du suchst-

    http://www.the-art-of-web.com/javascript/validate-date/

    Sieht gut aus, danke!

    InformationsquelleAutor Kelly Gendron

  3. 3

    Ich denke, alles, was Sie brauchen, ist die folgende änderung vor, da Ihr ein jeder um den text ein-so müssen Sie den Wert aus und split.

    $row.find(':text').each(function() {
            var splittime = $(this).val().split(":");
            if(splittime[0] > 22 || splittime[1] > 58) {
                    alert('please enter a valid date'); return false;
            }
});

    Jedoch zu retten, sich selbst neu zu erfinden das Rad, warum nicht schauen Sie in die validate plugin wo man das konfigurieren kann regex-Ausdrücke, die den Umgang mit Daten Validierung.

    Obwohl ich weiß zu schätzen, hand Rollen ist auch eine gute Lernkurve.

    Vielen Dank, ich werde werfen Sie einen Blick auf das validate plugin sofort. Sehr guter spot auf fehlende val() btw, oops! Ich bin nicht sicher, es ist bei jedem aber, da er nicht alles tun, auch wenn ich versuchte " alert(splittime[0]);' - leider muss ein Schmerz sein

    InformationsquelleAutor redsquare

  4. 0

    Synthese aus verschiedenen Methoden, um zu überprüfen, für max & format zusammen.

        var timeFieldValue = $(this).val();
    re = /^\d{1,2}:\d{2}([ap]m)?$/;
    if(timeFieldValue != '' && !timeFieldValue.match(re)) {
      alert("Invalid time format: " + timeFieldValue);
      $(this).focus();
      return false;
    }
    var splittime = timeFieldValue.split(":");
    if(splittime[0] > 23 || splittime[1] > 59) {
      alert('Please enter a valid time');
      return false;
    }

    InformationsquelleAutor Fedir RYKHTIK

Schreibe einen Kommentar