From 85c3b5a2279e66fe90e6fd3c3dedcbae7923f241 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Sun, 27 Jun 2021 01:16:40 +0200
Subject: [PATCH] Only allow to click submit button if validation is correct

---
 frontend/src/components/pages/Umfrage.js | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/pages/Umfrage.js b/frontend/src/components/pages/Umfrage.js
index e6a581b..5ef9d7c 100644
--- a/frontend/src/components/pages/Umfrage.js
+++ b/frontend/src/components/pages/Umfrage.js
@@ -14,6 +14,7 @@ export default function Umfrage() {
   const [skills, setSkills] = useState("");
 
   let surveyIsValid = true;
+  let errorMessage = ""
 
   const onSubmitClick = (e) => {
     e.preventDefault();
@@ -25,30 +26,33 @@ export default function Umfrage() {
     };
 
     if (!Number(age)) {
-      console.log("age is not a number");
+      errorMessage += "age is not a number\n"
       surveyIsValid = false;
     }
     if (gender === "DEFAULT" || gender === "") {
-      console.log("choose gender");
+      errorMessage += "choose gender\n"
       surveyIsValid = false;
     }
     if (education === "DEFAULT" || education === "") {
-      console.log("choose edu");
+      errorMessage += "choose edu\n"
       surveyIsValid = false;
     }
     if (skills === "DEFAULT" || skills === "") {
-      console.log("choose skills");
+      errorMessage += "choose skills\n"
       surveyIsValid = false;
     }
 
     if (surveyIsValid === true) {
       console.log(opts);
-    }
 
-    authFetch("/umfrage", {
-      method: "post",
-      body: JSON.stringify(opts),
-    });
+      authFetch("/umfrage", {
+        method: "post",
+        body: JSON.stringify(opts),
+      });
+    }
+    else {
+      console.log(errorMessage);
+    }
   };
 
   const handleAgeChange = (e) => {