Add preventDefault() to Form 4

haacked · Jul 30, 2023 · 89a1e13 · 89a1e13
1 parent 93e4f63
commit 89a1e13
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/Pages/Index.cshtml b/Pages/Index.cshtml
@@ -109,9 +109,21 @@
     </form>
 </fieldset>
 
+@section scripts {
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            console.log('Listening to Form 4')
+            document.getElementById('prevent-default').addEventListener('submit', function (e) {
+                e.preventDefault();
+                let data = new FormData(e.currentTarget);
+                alert(new URLSearchParams(data));
+            });
+        });
+    </script>
+}
 <fieldset>
-    <legend>Form 4</legend>
-    <form method="post">
+    <legend>Form 4 (<code>preventDefault()</code>)</legend>
+    <form method="post" id="prevent-default">
         <div class="form-field">
             <label asp-for="Input.SomeRequiredField"></label>
             <input asp-for="Input.SomeRequiredField"/>

diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml
@@ -14,6 +14,7 @@
     const service = new aspnetValidation.ValidationService(console);
     service.bootstrap(console.log);
 </script>
+@RenderSection("scripts", required: false)
 
 </body>
 </html>