Validierungs-Datum-Eingang - min-und max-Wert

Verwenden Sie eine JavaScript-Validierung-Bibliothek, die verwendet die HTML5-Attribute wie min und max: zum Beispiel jQuery Validierung:

<input id="mydate" name="mydate" type="date" min="2000-01-01" max="2010-31-12" required />

<script>
    $("#mydate").validate();
</script>

Haben Sie einen Blick, wie diese Geige für ein funktionierendes Beispiel: http://jsfiddle.net/a5Mvt/1/

Zusätzlich möchten Sie vielleicht die Verwendung einer Bibliothek wie Modernizr zu prüfen, für die browser-Unterstützung von input[type="date"] und verwenden Sie ein datepicker-Steuerelement aus jQuery UI oder etwas ähnliches, wenn es nicht unterstützt wird.

Update: Hier eine version, die nicht mit jQuery oder eine andere Bibliothek:

<input id="mydate" name="mydate" type="date" min="2000-01-01" max="2010-31-12" required />
<span id="mydate_error" style="display:none;"></span>

<script>
    var mydate = document.getElementById('mydate'),
        mydateError = document.getElementById('mydate_error');

    mydate.addEventListener('input', function() {
        if (!mydate.value.match(/\d{4}-\d{1,2}-\d{1,2}/)) {
            mydateError.innerHTML = 'Please specify a valid date in the form 1990-02-22';
            mydateError.style.display = 'inherit';
        } else {
            var value = new Date(mydate.value),
                min = new Date(mydate.min),
                max = new Date(mydate.max);
            if (value < min || value > max) {
                mydateError.innerHTML = 'Date has to be between ' + min.toDateString() + ' and ' + max.toDateString();
                mydateError.style.display = 'inherit';
            } else {
                mydateError.style.display = 'none';
            }
        }
    });
</script>

Aktualisiert fiddle: http://jsfiddle.net/a5Mvt/2/