Zum Inhalt springen

Empfohlene Beiträge

Geschrieben

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.

Geschrieben

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

Geschrieben
Original geschrieben von abc1234

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

Nette Formulierung. ;)

Geschrieben

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.

Geschrieben

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

Geschrieben

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

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...