Validate sign up form elements on page reload (publiclab#8506)

* Validate sign up form elements on page reload * Refactor validate condition to reduce complexity
lagunasmel · Mar 2, 2021 · f8580dd · f8580dd
1 parent 6d87bf6
commit f8580dd
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/app/assets/javascripts/validation.js b/app/assets/javascripts/validation.js
@@ -46,12 +46,17 @@ $(document).ready(function() {
   if (signUpForms[1]) {
     signUpForms[1].classList.add("signup-register-form");
     var signUpRegisterForm = new SignUpFormValidator(".signup-register-form");
-    signUpRegisterForm.validateForm()
 
-    if (signUpErrorMessages.innerHTML.includes("Email")) {
-      signUpRegisterForm.updateUI(signUpRegisterForm.emailElement, false, "Email already exists");
+    if (signUpErrorMessages.innerHTML.includes("error")) {
+      signUpRegisterForm.updateUI(signUpRegisterForm.emailElement, true);
+      signUpRegisterForm.updateUI(signUpRegisterForm.usernameElement, true);
+      if (signUpErrorMessages.innerHTML.includes("Email")) {
+        signUpRegisterForm.updateUI(signUpRegisterForm.emailElement, false, "Email already exists");
+      }
+      if (signUpErrorMessages.innerHTML.includes("Username")) {
+        signUpRegisterForm.updateUI(signUpRegisterForm.usernameElement, false, "Username already exists");
+      }
     }
-    signUpRegisterForm.isFormValid()
   }
 
   // The same goes for login forms