Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HTML Datumseingabe überprüfen

Empfohlene Antworten

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.

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......

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

Original geschrieben von abc1234

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

Nette Formulierung. ;)

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.

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

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

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.