Beispiele aus dem Buch (Abschnitt 2.7: Strukturen und Validierung)
Dies ist ein Beispiel aus dem Buch Barrierefreies Webdesign (2004), das Ende 2004 im dpunkt.Verlag erschienen ist.
Der Event-Handler onsubmit
Der Event-Handler onsubmit
ist ein geräteunabhängiger Event-Handler für Formulare. Er reagiert sowohl auf einen Maus-Klick als auch auf die Eingabetaste.
HTML
<script type="text/javascript">
<!-- // /* <![CDATA[ */
document.write('<p>Aktivieren Sie das Formular, indem Sie wahlweise die Tabulatortaste drücken oder mit der Maus hineinklicken. Um das Script dieses Formulars (eine Pop-Up-Meldung) zu starten, drücken Sie dann die Eingabetaste oder klicken Sie auf die Schaltfläche.</p>');
/* ]]> */ //-->
</script>
<noscript>
<p>Sie können das JavaScript-Beispiel nicht testen, weil Ihr Browser JavaScript nicht unterstützt oder Sie JavaScript derzeit ausgeschaltet haben.</p>
</noscript>
<form action="#demoForm" method="get" onsubmit="alert('Dies ist eine Demonstration des onSubmit-Event-Handlers.');" id="testForm">
<p>
<label for="abc" accesskey="7">Suchbegriff:</label><br />
<input type="text" width="15" value="Suchbegriff eingeben" id="abc" />
<input type="submit" width="15" value="Suchen!" />
</p>
</form>