Beispiel:JS-Event-onsubmit.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html lang="de"> <head> 

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css" />
 <title>Beispiel: onsubmit Event</title>

</head>

<body>

Beispiel: onsubmit Event

 <main>

Wenn du das Formular abschickst, öffnet sich ein Dialogfenster zum Bestätigen.

   <form id="Formular">
     <label>Name:<input type="text" name="Name"></label>
     <button type="submit" value="Submit">Abschicken!</button>
   </form>
 </main>

<script> 

 var elem = document.getElementById("Formular");
 elem.addEventListener("submit", Bestätigen);

 function Bestätigen() {
   confirm("Willst du das wirklich abschicken?");

} </script> </body> </html>

Abgerufen am 22.09.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:JS-Event-onsubmit.html"