Schlagwörter
Archiv
Wetterinfo
Bewölkt 10°C Bewölkt
So. Vereinzelt Regen
17/6
Mo. Klar
16/7
Di. Klar
17/10

Archiv für Februar 2010

Formularvalidierung mit Javascript

Als Beispiel soll das folgende kleine Formular dienen.

 
 
 
 
<form action="validierung.html" method="post">
 
<div><label id="label_name" for="name">Name</label>
<input id="name" name="name" type="text" /></div>
 
 
 
 
<div><label id="label_email" for="email">E-Mail</label>
<input id="email" name="email" type="text" /></div>
 
 
 
<input type="submit" value="überprüfen" />
 </form>

Die entsprechende Javascript – Funktion zur Validierung sieht so aus:

<script type="text/javascript"><!--mce:0--></script>

Mit ein wenig CSS kann man die Felder farbig markieren, welche nicht valide sind.

<!--
.error_input {
	border: 1px solid red;
}
 
.error_label {
	color: red;
}
 
label {
	width: 100px;
	display: block;
	float: left;
}
 
form div {
	line-height: 15px;
}
-->

Das komplette Skript steht hier zum Download bereit.