Java Reference
In-Depth Information
Listing 12.11■
Ein einfaches Formular - aber ohne Submit-Schaltläche
...
<script src="lib/js/kap12_5.js" type="text/javascript"></script>
</head>
<body>
<h1>Formulardaten mit submit() wegschicken und mit reset() zurücksetzen</h1>
<form><input name="a" /><input name="b" /><input name="c" /><hr/>
<input type="button" value="Wegschicken" id="weg" />
<input type="button" value="Zurücksetzen" id="retur"/> </form>
</body>
</html>
Das Beispielformular stellt keine
Submit
-Schaltläche und auch keine
reset
-Schaltläche
zur Verfügung. Aber es gibt neben den Texteingabefeldern zwei konventionelle Buttons,
denen wir mit JavaScript eine Funktionalität zuordnen
(kap12_5.js):
Listing 12.12■
Die Anwendung der submit()-Methode - Auslösung mit onclick bei einem ge-
wöhnlichen Button
function init(){
document.getElementById("weg").onclick=function() {
window.document.forms[0].submit();
}
document.getElementById("retur").onclick=function() {
window.document.forms[0].reset();
}
window.document.forms[0].action="info.php";
}
window.onload = init;
Mit dem Eventhandler
onclick
werden die Methoden
submit()
und
reset()
für unser
Formular aufgerufen und damit das Formular verschickt oder zurückgesetzt. Wenn Sie
Daten mit
submit()
verschicken, setzt das natürlich voraus, dass JavaScript nicht deakti-
viert ist. Insbesondere können Sie Anwender über diesen Weg mit santem Druck zur Akti-
vierung von JavaScript motivieren. Damit können Sie auch im Zusammenhang mit einem
JavaScript-basierenden clientseitigen Plausibilisierungssystem einigermaßen gewährleis-
ten, dass dieses System nicht durch einfaches Abschalten von JavaScript ausgehebelt wird.
Allerdings sollten Sie beachten, dass normalerweise auch die Betätigung der Taste (
Enter
)
die Formulardaten normalerweise verschickt - auch wenn JavaScript deaktiviert ist. Dieser
Schutz gegen das Deaktivieren von JavaScript ist also nur eingeschränkt wirksam. Aber
wenn Sie zusätzlich den Wert der Eigenschat
action
per JavaScript erst setzen, wird das
Ziel für die Formulardaten ohne JavaScript nicht zur Verfügung stehen. Ihnen sollte aufge-
fallen sein, dass das Formular in der Webseite deshalb
kein
action
-Attribut speziiziert hat.
Erst in der JavaScript-Datei wird das Ziel der Formulardaten angegeben. Probieren Sie ein-
mal aus, ob Sie die Daten im Formular mit deaktiviertem JavaScript verschicken können.
PrAXISTIPP:
Sie können noch zusätzlich beim HTML-Eventhandler
onsubmit
des Formulars selbst den Wert
false
zuweisen. Ebenso können Sie statt eines
<input>
-Elements mit
button
als Wert von
type
außerhalb (nicht innerhalb -
das wird von den meisten Browsern intern als Submit-Schaltläche verstanden)
des
<form>
-Containers ein Element vom Typ
button
verwenden. Dann wird das
Search WWH ::
Custom Search