Update templates/register.html

templates/register.html

@@ -35,8 +35,7 @@
         <input type="hidden" id="recaptcha_token" name="recaptcha_token" value="">
 
           <div class="g-recaptcha" 
-         data-sitekey="6LeSJgwpAAAAAD9UlPdC911k8UgD6Uh3068xXgGj" 
-         data-callback="onSubmit" 
+         data-sitekey="6LeSJgwpAAAAAD9UlPdC911k8UgD6Uh3068xXgGj"
          >
     </div>
     <button type="submit" id="submit-button">Register</button>
@@ -47,28 +46,21 @@
 
 
     </div>
-      <script src="https://www.google.com/recaptcha/api.js" async defer></script>
+          <script src="https://www.google.com/recaptcha/api.js" async defer></script>
     <script>
         document.getElementById('registration-form').addEventListener('submit', function(event) {
-            event.preventDefault(); // Prevent the form from submitting initially
-
             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;
 
-            if (username && email && password && confirmPassword) {
-                // Fields are filled, execute reCAPTCHA
-                grecaptcha.execute();
-            } else {
+            if (!(username && email && password && confirmPassword)) {
+                event.preventDefault(); // Prevent form submission
                 alert("Please fill in all required fields.");
             }
+            // If fields are filled, form will proceed to submit
+            // reCAPTCHA validation will be handled automatically by Google's script
         });
-
-        function onSubmit(token) {
-            document.getElementById('recaptcha_token').value = token;
-            document.getElementById('registration-form').submit(); // Submit the form after reCAPTCHA validation
-        }
     </script>
 </body>