Update templates/register.html

templates/register.html

@@ -45,43 +45,33 @@
     </div>
 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
 <script>
-  
-
-  function validateForm() {
-    // Here, you would put any form validation logic you need.
-    // For demonstration purposes, let's assume it always returns true.
-    return true;
-  }
-
-  // When the form is submitted
-    document.getElementById('registration-form').addEventListener('submit', function(event) {
+  document.getElementById('registration-form').addEventListener('submit', function(event) {
     event.preventDefault();
-    // Check if all fields are filled out
+
     var username = document.getElementById('username').value;
     var email = document.getElementById('email').value;
     var password = document.getElementById('password').value;
     var confirmPassword = document.getElementById('confirm_password').value;
 
-    // You could also check for other constraints here, like password match, etc.
-    if(username && email && password && confirmPassword) {
-      // All fields are filled, execute reCAPTCHA
+    if (username && email && password && confirmPassword) {
+      // If the form is valid, trigger reCAPTCHA
       grecaptcha.execute();
     } else {
-      // Not all fields are filled, perhaps show an error message or alert
       alert("Please fill in all required fields.");
     }
   });
 
-  // Callback function to be called once reCAPTCHA is solved
   function onSubmit(token) {
-    document.getElementById('recaptcha_token').value = token; // Assign the token to the hidden input
-    document.getElementById('registration-form').submit(); // Submit the form
+    document.getElementById('recaptcha_token').value = token;
+    if (validateForm()) {
+      document.getElementById('registration-form').submit();
+    }
   }
 
-  // When reCAPTCHA is ready, we can auto-invoke or you can bind it to a button click as well
-  grecaptcha.ready(function() {
-    // grecaptcha.execute(); // Uncomment this line if you want to auto-invoke reCAPTCHA
-  });
+  function validateForm() {
+    // Additional validation logic here
+    return true; // return false if validation fails
+  }
 </script>
     </form>