diff --git a/public/forgotpassword.js b/public/forgotpassword.js
index 10a163e..a8bd752 100644
--- a/public/forgotpassword.js
+++ b/public/forgotpassword.js
@@ -24,9 +24,14 @@ document.getElementById("password_form").addEventListener("submit", async functi
 
     const userEmailElement = document.getElementById("user_email");
     const userNameElement = document.getElementById("username");
+    const answer1Element = document.getElementById("answer1");
+    const answer2Element = document.getElementById("answer2");
+
 
     var userEmail = userEmailElement.value;
     var username = userNameElement.value;
+    var answer1 = answer1Element.value;
+    var answer2 = answer2Element.value;
 
     var isValid = true;
 
@@ -42,6 +47,18 @@ document.getElementById("password_form").addEventListener("submit", async functi
         isValid = false;
     }
 
+    if (answer1 == '') {
+        var errorMessage = "Please enter an answer.";
+        showError(answer1Element, errorMessage);
+        isValid = false;
+    }
+
+    if (answer2 == '') {
+        var errorMessage = "Please enter an answer.";
+        showError(answer2Element, errorMessage);
+        isValid = false;
+    }
+
 
     if (!isValid) {
         return false;
diff --git a/public/password_page_1.html b/public/password_page_1.html
index bb2c78c..d3cf8f9 100644
--- a/public/password_page_1.html
+++ b/public/password_page_1.html
@@ -36,7 +36,7 @@
                 <label for="question1" class="question">QUESTION 1: LOAD FROM DB</label>
                 <div class="form-control">
                     <!-- <label for="answer1">Answer</label> -->
-                    <input type="answer1" name="answer1" class="forgot_password_form" placeholder="Answer">
+                    <input type="answer1" name="answer1" class="forgot_password_form" id="answer1" placeholder="Answer">
                     <small>Error Message</small>
                 </div>
 
@@ -44,7 +44,7 @@
                 <label for="question2" class="question">QUESTION 2: LOAD FROM DB</label>
                 <div class="form-control">
                     <!-- <label for="answer1">Answer</label> -->
-                    <input type="answer2" name="answer2" class="forgot_password_form" placeholder="Answer">
+                    <input type="answer2" name="answer2" class="forgot_password_form" id="answer2" placeholder="Answer">
                     <small>Error Message</small>
                 </div>