<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <title>JavaScript: &Uuml;berpr&uuml;fen von Formularinhalten</title>

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

   <meta name="description"
      content="&Uuml;bung JavaScript. &Uuml;berpr&uuml;fen von Formularinhalten">
   <meta name="keywords" content="HTML, JavaScript">
   <meta name="author" content="Roland Unger">

<script language="JavaScript" type="text/javascript">
<!--

function checkInputs() {

var result = true,
    text = document.forms[0].elements[0].value;

if (text == '') {
   alert('Es wurde kein Name eingetragen.');
   result = false }
else if ((text.search) && (text.search(/[!-?\\[-_\\{-]/g) >= 0)) {

   // if (text.search): Test, ob Methode search existiert
   // Test mit regulaeren Ausdruecken: 3 Listen mit Zeichen
   // ! bis ? (einschliesslich Zahlen) [ bis _ und { bis 
   // Die Schraegstriche vor [ und { bedeuten Literal
   // Option g bedeutet ganze Zeichenkette

   alert('Es wurden unerlaubte Zeichen eingetragen.');
   result = false };

if (result) alert('Es ist alles OK.');
return result;
}

// -->
</script>

</head>

<body>

<h2>&Uuml;bung JavaScript</h2>
<h3>&Uuml;berpr&uuml;fen von Formularinhalten</h3>

<div align="center">
<form onsubmit="checkInputs(); return false;">

<!-- In der Praxis steht natuerlich onsubmit="return checkInputs()" -->

Name: <input type="text" size="15"><br>&nbsp;<br>
<input type="submit" value="Absenden/Testen">

</form>
</div>

</body>
</html>