HTML Datumseingabe überprüfen

abc1234 · 25. April 2003

Hallo,

kann mir einer sagen, ob es in html vielleicht mit javascript oder so, die Möglichkeit gibt ein Eingabefeld so anzulegen, dass es einen Fehler bringt wenn kein oder ein falsches Datum eingegeben wurde?

Eine noch bessere Lösung wäre natürlich einen Button neben das Datumfeld einzubauen, auf dem man klicken kann und wo sich dann ein kleiner Kalender öffnet, in dem man das gewünschte Datum auswählt und evt. durch betätigen der Entertaste oder eines weiteren Buttons dieses Datum dann in das Eingabefeld übernommen wird.

Könnt ihr mir da vielleicht mit Beispiel-Code weiter helfen?

Danke im voraus.

Mr. Bubbles · 25. April 2003

Servus,

also das Überprüfen kannst Du relativ leicht mit Datums- bzw. String Funktionen machen, hier mal zwei URL's mit Infos zu Datum und String in Javascript:

http://selfhtml.teamone.de/javascript/objekte/date.htm

http://selfhtml.teamone.de/javascript/objekte/string.htm

Ansonsten ist die Idee mit dem Kalender natürlich auch nicht schlecht. Am Einfachsten realisiert man das mit ASP.NET. Dort kann man auch sehr schnell (Mein Tipp: 4 Sekunden :bimei ) einen Validator auf eine Textbox legen.

Wenn Du mir sagst, was Du genau überprüft haben willst, kann ich dir den Code dafür geben. Das mit dem Kalender musst Du allerdings selbst machen......

Nyna · 25. April 2003

Hilft dir das weiter?

http://drweb.de/html/formulare_13.shtml

abc1234 · 25. April 2003

ich möchte vermeiden, dass ein Anwender in das Datumsfeld was anderes rein schreibt als ein korrektes datum

Rohde · 25. April 2003

http://www.phpguru.org/dyncalendar.html

Nyna · 25. April 2003

Original geschrieben von abc1234
Ich möchte vermeiden, dass ein Anwender in das Datumsfeld was anderes rein schreibt als ein korrektes datum

Nette Formulierung.

Spike · 25. April 2003

Lass ihn reinschreiben was er will, und überprüf es wenn das Formular abgeschickt wird.

Das geht mit JavaScript, Links siehe oben

Mr. Bubbles · 25. April 2003

Hier mal der Code um die Datumseingabe direkt beim verlassen des textfeldes zu überprüfen:


<html>

<head>

<title>Formular inkl. Datumscheck</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

FormName  = "form"  //Name des Formulars

CheckName = "check" //Name der Checkboxen (ohne Nummerierung)

TextName  = "text"  //Name der Textfelder (ohne Nummerierung)


var Condition=new Array(

'a.length>7&&!(a.split("/")[0]*1>31)&&!(a.split("/")[1]*1>12)&&!(a.split("/")[2]*1<1900)' 

//Überprüfung des Datums

);


function docheck(w) {

eval("a=document." + FormName + "." + TextName + w + ".value");

if (eval(Condition[w])) eval("document.all." + CheckName + w + ".style.visibility=\"hidden\"");

else eval("document.all." + CheckName + w + ".style.visibility=\"visible\"");

}

//  End -->

</script>


</head>


<body bgcolor="#FFFFFF" text="#000000">

<p><b><font size="4">Formular mit  Checkboxen

</font></b>

</p><form name=form>

<table width="440" border="0" cellpadding="4" bgcolor="#CCCCCC" bordercolor="#FF0000">


<tr>

	<td>

	Geburtstag (TT/MM/JJJJ):

	</td>

	<td>

	<input type=text name=text0 onBlur='docheck("0")'>

	</td>

	<td>

	<div id="check0" txtcolor="FF0000" name=check0 style="visibility=hidden">Fehler!</div> 

	</td>

</tr>

<tr>

	<td>

	<input type=submit>

	</td>

</tr>

</table>

</form>


</body>

</html>

Hoffe das hilft. Ansonsten fragen.

Nyna · 25. April 2003

Oder mach eine Auswahlliste für Tag, Monat und Jahr.

Ich bin gerade dabei, Kosten für Leihwagen zu vergleichen. Die Webseiten der Firmen sind prima Quellen für dich, um mal zu sehen, was es so gibt.

www.hertz.de -> Tarife & Preise -> Reservierung: Da kann man mal den Quelltext ansehen. Die haben dort auch u.a. so eine Kalenderauswahl wie du sie wolltest. Genauso bei www.sixt.de

Jaraz · 25. April 2003

Hi,

Formularauswertungen gehören auf den Server.

Alles andere kann man umgehen und bekommt möglicherweise inkonsitente Daten.

Je nach Sprache oder Datenbank, kann es sogar gefährlich sein Daten ungeprüft in eine Datenbank zu schreiben.

Eine Javascript Überprüfung kann man zusätzlich machen um die Usability zu erhöhen.

Gruß Jaraz

Anmelden

HTML Datumseingabe überprüfen

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte