feat: use return false instead of preventDefault()

Author: fmalcher

src/app/registration-form-1/registration-form-1.html

@@ -1,7 +1,7 @@
 <app-back-button />
 <h1>Version 1: Getting Started with the Basics</h1>
 
-<form (submit)="submitForm($event)" novalidate>
+<form (submit)="submitForm()" novalidate>
   <label
     >Username
     <input

src/app/registration-form-1/registration-form-1.ts

@@ -63,14 +63,15 @@ export class RegistrationForm1 {
       .value.update((items) => items.filter((_, index) => index !== removeIndex));
   }
 
-  protected async submitForm(e: Event) {
-    e.preventDefault();
-
-    await submit(this.registrationForm, async (form) => {
+  protected submitForm() {
+    submit(this.registrationForm, async (form) => {
       await this.#registrationService.registerUser(form().value);
       console.log('Registration successful!');
       this.resetForm();
     });
+
+    // Prevent reloading (default browser behavior)
+    return false;
   }
 
   protected resetForm() {

src/app/registration-form-2/registration-form-2.html

@@ -6,7 +6,7 @@ <h1>Version 2: Advanced Validation and Schema Patterns</h1>
   error.
 </p>
 
-<form (submit)="submitForm($event)" novalidate>
+<form (submit)="submitForm()" novalidate>
   <label
     >Username
     <input

src/app/registration-form-2/registration-form-2.ts

@@ -146,11 +146,9 @@ export class RegistrationForm2 {
       .value.update((items) => items.filter((_, index) => index !== removeIndex));
   }
 
-  protected async submitForm(e: Event) {
-    e.preventDefault();
-
+  protected submitForm() {
     // validate when submitting and assign possible errors for matching field for showing in the UI
-    await submit(this.registrationForm, async (form) => {
+    submit(this.registrationForm, async (form) => {
       const errors: ValidationErrorWithField[] = [];
 
       try {
@@ -168,6 +166,9 @@ export class RegistrationForm2 {
       setTimeout(() => this.resetForm(), 3000);
       return errors;
     });
+
+    // Prevent reloading (default browser behavior)
+    return false;
   }
 
   // Reset form

src/app/registration-form-3/registration-form-3.html

@@ -6,7 +6,7 @@ <h1>Version 3: Child Forms and Custom UI Controls</h1>
   error.
 </p>
 
-<form (submit)="submitForm($event)" novalidate>
+<form (submit)="submitForm()" novalidate>
   <label
     >Username
     <input

src/app/registration-form-3/registration-form-3.ts

@@ -153,11 +153,9 @@ export class RegistrationForm3 {
       .value.update((items) => items.filter((_, index) => index !== removeIndex));
   }
 
-  protected async submitForm(e: Event) {
-    e.preventDefault();
-
+  protected submitForm() {
     // validate when submitting and assign possible errors for matching field for showing in the UI
-    await submit(this.registrationForm, async (form) => {
+    submit(this.registrationForm, async (form) => {
       const errors: ValidationErrorWithField[] = [];
 
       try {
@@ -175,6 +173,9 @@ export class RegistrationForm3 {
 
       return errors;
     });
+
+    // Prevent reloading (default browser behavior)
+    return false;
   }
 
   // Reset form