From a95ca524c688f08f2c0a5f0c3a19c5bb76c28619 Mon Sep 17 00:00:00 2001
From: Jared Snider <116684653+JaredSnider-Bitwarden@users.noreply.github.com>
Date: Fri, 14 Jun 2024 13:49:27 -0400
Subject: [PATCH] PM-8866 - Fix Recover delete component submit missing form
 validation. (#9658)

---
 apps/web/src/app/auth/recover-delete.component.ts | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/auth/recover-delete.component.ts b/apps/web/src/app/auth/recover-delete.component.ts
index 6688c1582e..96afd91059 100644
--- a/apps/web/src/app/auth/recover-delete.component.ts
+++ b/apps/web/src/app/auth/recover-delete.component.ts
@@ -13,9 +13,13 @@ import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/pl
 })
 export class RecoverDeleteComponent {
   protected recoverDeleteForm = new FormGroup({
-    email: new FormControl(null, [Validators.required]),
+    email: new FormControl("", [Validators.required]),
   });
 
+  get email() {
+    return this.recoverDeleteForm.controls.email;
+  }
+
   constructor(
     private router: Router,
     private apiService: ApiService,
@@ -24,8 +28,12 @@ export class RecoverDeleteComponent {
   ) {}
 
   submit = async () => {
+    if (this.recoverDeleteForm.invalid) {
+      return;
+    }
+
     const request = new DeleteRecoverRequest();
-    request.email = this.recoverDeleteForm.value.email.trim().toLowerCase();
+    request.email = this.email.value.trim().toLowerCase();
     await this.apiService.postAccountRecoverDelete(request);
     this.platformUtilsService.showToast(
       "success",