Java Reference
In-Depth Information
</head>
<body>
<h1>Hinterlassen Sie Ihre E-Mailadresse</h1>
<form>E-Mail: <input name="email" onBlur="testEMail(this)" /><br />
<input type="submit" value="Ok"></form>
</body>
</html>
Das Beispiel besteht aus einem einfachen Formular mit nur einem Eingabefeld, in dem eine
E-Mail-Adresse eingegeben werden soll. Bei dem Eingabefeld wird der Eventhandler
onblur
zum Aufruf der Funktion
testMail()
verwendet. Dem Aufruf der Funktionen wird jeweils
mit dem Schlüsselwort
this
als Parameter das aktuelle Eingabefeld als Objekt an die Funk-
tion übergeben. In der Funktion zum Testen der E-Mail-Adresse wird ein
RegExp
-Objekt
angelegt (
regausdruck = new RegExp(('[a-zA-Z][0-9a-zA-Z]*@.{3}')
). Der reguläre
Ausdruck beginnt mit einer Klammerangabe, dass das erste Zeichen zwingend und ein
Buchstabe sein muss. Das zweite Zeichen ist optional, was mit dem Stern angegeben wird.
Der Klammerausdruck erlaubt wieder Buchstaben oder Zahlen. Nun folgt zwingend das
Zeichen
@
. Der nachstehende Punkt erlaubt ein beliebiges Zeichen. Die Angabe in den
geschweiten Klammern legt fest, dass mindestens drei beliebige Zeichen dort stehen.
Dann wird mit der Methode
test()
geprüt, ob der Wert in dem Eingabefeld den Vergleichs-
wert enthält. Falls ja, liefert die Methode
true
und das vorangestellte Ausrufezeichen dreht
den Wert in
false
um (
if(!regausdruck.test(feld.value)) {
). Dann wird eine Fehler-
meldung angezeigt.
Einsatz von exec() und Auslesen der Trefer geklammerter Ausdrücke
über regExp.$1, regExp.$2, . . .
Das folgende Beispiel soll mit dem Einsatz von
exec()
zeigen, wie sich ein String mit meh-
reren Token als Inhalt in einzelne Token zerlegen lässt. Ganz konkret wollen wir eine Ein-
gabe eines Benutzernamens nach dem Schema
„Vorname Zuname“
zerlegen und die einzel-
nen Werte über
RegExp.$1
und
RegExp.$2
weiter bereitstellen.
Listing 7.32■
Eingabe eines einzelnen Strings
...
<script type="text/javascript">
function ausgabe(wert) {
var regausdruck = /(\w+)\s(\w+)/;
regausdruck.exec(wert);
alert("1. Token: " + RegExp.$1 + "\n2. Token: " + RegExp.$2);
}
</script>
</head>
<body>
<form>Vorname und Name: <input type="text" name="user" value="">
<br /><input type="button" onclick="ausgabe(this.form.user.value)"
value="Klick"></form>
</body>
</html>
Das Beispiel dazu enthält wieder ein Formular mit einem Eingabefeld und einem Button. In
dem Eingabefeld soll der Anwender seinen Namen in der besagten Form
„Vorname Zuname“
Search WWH ::
Custom Search