From d32987c75bf59f10e9bcad714601e55c7fec6ed9 Mon Sep 17 00:00:00 2001
From: AnthonyDeSantiago <94334680+AnthonyDeSantiago@users.noreply.github.com>
Date: Sun, 24 Sep 2023 16:25:16 -0400
Subject: [PATCH] Adding security question data for new user on sprout.js

---
 public/new_user_page.html |  4 ++--
 public/sprout.js          | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/public/new_user_page.html b/public/new_user_page.html
index e8bc8dc..2faa105 100644
--- a/public/new_user_page.html
+++ b/public/new_user_page.html
@@ -88,7 +88,7 @@ <h2 id = "avatar_form">
                 </select>
 
                 <div class="form-control">
-                    <label for="question1">Enter Answer</label>
+                    <!--<label for="question2">Enter Answer</label>-->
                     <input type="text" name="question1" id="question1" class="new_user_form_field" placeholder="Enter Answer">
                     <small>Error Message</small>
                 </div>
@@ -103,7 +103,7 @@ <h2 id = "avatar_form">
                 </select>
 
                 <div class="form-control">
-                    <label for="question2">Enter Answer</label>
+                    <!--<label for="question2">Enter Answer</label>-->
                     <input type="text" name="question2" id="question2" class="new_user_form_field" placeholder="Enter Answer">
                     <small>Error Message</small>
                 </div>
diff --git a/public/sprout.js b/public/sprout.js
index c1e8da5..a3a6dc9 100644
--- a/public/sprout.js
+++ b/public/sprout.js
@@ -94,6 +94,8 @@ document.getElementById("new_user_form").addEventListener("submit", async functi
     const dateOfBirthElement = document.getElementById("dateofbirth");
     const addressElement = document.getElementById("address");
     const passwordElement = document.getElementById("password");
+    const question1Element = document.getElementById("question1");
+    const question2Element = document.getElementById("question2");
 
     var userEmail = userEmailElement.value;
     var firstName = firstNameElement.value;
@@ -101,6 +103,8 @@ document.getElementById("new_user_form").addEventListener("submit", async functi
     var address = addressElement.value;
     var dateOfBirth = dateOfBirthElement.value;
     var password = passwordElement.value;
+    var question1 = question1Element.value;
+    var question2 = question2Element.value;
     
     var isValid = true;
 
@@ -159,6 +163,16 @@ document.getElementById("new_user_form").addEventListener("submit", async functi
         isValid = false;
     }
 
+    if (question1 == '') {
+        var errorMessage = 'Please enter an answer.';
+        showError(question1Element, errorMessage);
+    }
+
+    if (question2 == '') {
+        var errorMessage = 'Please enter an answer';
+        showError(question2Element, errorMessage);
+    }
+
     
     if (!isValid) {
         return false;