 Datumsprüfung 01 1 Eingabefeld
Das Script entnimmt den Inhalt des Eingabefeldes (Datum) und prüft auf gültige Werte. Optional kann überprüft werden, ob der eingetragene Datumswert in der Vergangenheit liegt (Bezug auf aktuelles Datum)
update 05.07.2008 20:00 Uhr, Erfassung der Eingabe über getElementById
Die Prüfung der Eingabe erfolgt hier bei Klick: onclick="PruefeDatum()"
Prüfung der Eingaben:
- Eingabeformat, Trennzeichen soll ein Punkt sein
- ungültiges Werte Tageszahl, Monatsabhängig (30 / 31)
- ungültiges Werte Tageszahl, Februar (Schaltjahr)
- ungültiges Werte Monatszahl, (1 bis 12)
- Eingabe kleiner / gleich aktuelles Datum (kann entfernt werden)
Erklärung
Nach meinem Update wird zur Erfassung der Eingabe der Bezug nicht mehr über den Formular- und Feldnamen, sondern direkt über die ID des Textfeldes hergestellt. Die Funktion für die Prüfung bezieht sich nun also auf das Datum-Eingabefeld mit der ID "DatumFeld03".
document.getElementById("DatumFeld03").
Prüfe in diesem Dokument die Eingabe, die im Textfeld mit der ID "DatumFeld03" steht.
Anpassung an ihr Formular
Wenn sie dieses Script in ihr bestehendes Formular einbinden möchten, kopieren sie den Code zur Prüfung in den Head-Bereich ihres HTML-Dokuments, das Textfeld innerhalb von <form>-Tags in den Body. Die ID des Eingabefeldes für das Datum soll 'DatumFeld03' sein.
Option
Sollen lediglich Einträge erlaubt sein, die entweder gleich oder größer als das aktuelle Datum sind, dann sezen sie die Variable Vergangenheit auf "nein".
Vergangenheit = "nein";
Prüfung der Eingaben
Hier im Beispiel wird die Prüfung erst auf einen Klick vorgenommen!
onclick="PruefeDatum();"
Die Auslösung der Prüfung (hier noch über den Button 'Prüfen'), können sie zum Beispiel auch beim Absenden des Formulars einleiten. Dazu wird in der Notierung für den 'Sende-Button' (Submit) zusätzlich der Aufruf zur Prüfung eingetragen.
<input type="Submit" value="Senden" onclick="PruefeDatum()">
Wenn gleich beim Verlassen des Eingabefeldes eine Prüfung stattfinden soll, wird der Aufruf im Input-Tag notiert. OnBlur bedeutet: Beim Verlassen
<input onblur="PruefeDatum()" type="text" ...
CSS-Formatierung des Prüfe-Buttons und Textfeldes
im Head-Bereich
<style type="text/css">
<!--
.button01
{
cursor: hand;
border: 1px solid #6D93E1;
background-color: #C4D3F6;
font-size:11px;
color:#003080;
width:90px;
}
.datum01
{
border: 1px solid #6D93E1;
background-color: #EFEFEF;
width:90px;
}
-->
</style>
im Body-Bereich
<input type="text" class="datum01" ...
<input type="button" class="button01" onclick="Pruefe ...
|
WWW.WEB-TOOLBOX.NET
QuellCode 
ZURÜCK