Wie kann ich die Eingabe der Datums-Formulare mit xhtml oder html4?

Diese Frage gestellt wurde & antwortete auf einige andere StackOverflow-threads, aber wie ich bin, schlagen Sie das gleiche problem, hier gibt ' s mehr info.

Mithilfe der jQuery DatePicker ist ein guter Anfang, aber es nicht erzwingen-format oder min - /max-Wert, der Integrität außerhalb des eigentlichen Kalender-popup. Das bedeutet, Sie können geben oder fügen Sie einige schlechte Sachen.

Hier 2 links zu Websites, die demo, wie es den "alten Weg" in JS eine Funktion, mit:
http://www.javascriptkit.com/script/script2/validatedate.shtml
http://www.w3resource.com/javascript/form/javascript-date-validation.php

Und hier ist ein StackOverflow link zu anderen ziemlich schöner Weg, es zu tun:
Die Erkennung eines "ungültiges Datum" Date-Instanz in JavaScript

Persönlich, ich brauche die Validierung und die Beschränkung auf min-und max-Datum-Bereiche (SQL hasst Termine vor 1/1/1773 und jemand versucht, dass in meiner app). Ich werde Draht, eine Funktion, die mir sagt, wenn eine Zeichenkette für das Datum gültig ist, und dann Draht, der bis zum Eingang der onchange-Ereignis.

Hier ist der HTML-Code für mein:

Bin ich auch mit ASP.NET und jQuery ' s DatePicker, so das zentrale element für die Leute ist das onblur-Ereignis.

Hier ist das JS für die FixValidDate () - Funktion:

var availableDateFormats = ["mmddyyyy","mm/dd/yyyy","mm-dd-yyyy","yyyy/mm/dd","yyyy-mm-dd"];
function FixValidDate(txtDate,nulls, minDate, maxDate) {
    //debugger;
    formats = 
    {
        'mmddyyyy':{
            're':/^(\d{1,2})(\d{1,2})(\d{4})$/,
            'month': 1,'day': 2, year: 3
        },
        'mm/dd/yyyy':{
            're':/^(\d{1,2})[/](\d{1,2})[/](\d{4})$/,
            'month': 1,'day': 2, year: 3
        },
        'mm-dd-yyyy':{
            're':/^(\d{1,2})[-](\d{1,2})[-](\d{4})$/,
            'month': 1,'day': 2, year: 3
        },
        'yyyy/mm/dd':{
            're':/^(\d{4})[/](\d{1,2})[/](\d{1,2})$/,
            'month': 2,'day': 3, year: 1
        },
        'yyyy-mm-dd':{
            're':/^(\d{4})[-](\d{1,2})[-](\d{1,2})$/,
            'month': 2,'day': 3, year: 1
        }
    }

    dateText = txtDate.value;
    matched = false;
    for(i=0; i<availableDateFormats.length; i++)
    {
        f = formats[availableDateFormats[i]];
        match = dateText.match(f.re);
        if(match)
        {
            matched = true;
            month = match[f.month];
            day = match[f.day];
            year = match[f.year];
            //TODO validate if the numbers make sense
            txtDate.value = month+"/"+day+"/"+year;
        }
    }
    if (!matched && nulls) {
        txtDate.value = "";
        return false;
    } else {
        var timestamp = Date.parse(txtDate.value);

        if (isNaN(timestamp) == false) {
            var d = new Date(timestamp);

            if (minDate != null) {
                if (d < minDate) {
                    txtDate.value = "";
                    return false;    
                }

            }

            if (maxDate != null) {
                if (d > maxDate) {
                    txtDate.value = "";
                    return false;
                }
            }

        } else {
            txtDate.value = "";
            return false;
        }
    }
    return true;
}

Dieser ist von einer alten Bibliothek, die ich verwendet habe, für JS-Zeugs für über ein Jahrzehnt. Sie könnte leicht finden ein anderes JS-Validierung Funktions-und swap-mine aus.

In meiner Funktion, die ich benötigt, um zu akzeptieren eine Vielzahl von Datumsformate, und wenn es ein schlechtes format, die ich leeren Sie das Feld und halten den Benutzer in der gleichen box. Sie könnte das ändern.

InformationsquelleAutor Ken Forslund