Update templates/register.html

templates/register.html

@@ -34,21 +34,16 @@
                 <!-- Hidden field for the reCAPTCHA token -->
         <input type="hidden" id="recaptcha_token" name="recaptcha_token" value="">
 
-          <!-- reCAPTCHA widget -->
-    <div class="g-recaptcha" 
+          <div class="g-recaptcha" 
          data-sitekey="6LdMjQcpAAAAAGtbNZkL17ry1scsQjp1HSEhkLNl" 
-         data-callback="onSubmit" >
+         data-callback="onSubmit" 
+         data-size="invisible">
     </div>
-    <br/>
-
-    <button type="submit">Register</button>
+    <button type="button" id="submit-button">Register</button>
     </div>
 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
 <script>
-  document.getElementById('registration-form').addEventListener('submit', function(event) {
-    event.preventDefault();
-
-    // Basic form validation
+  document.getElementById('submit-button').addEventListener('click', function() {
     var username = document.getElementById('username').value;
     var email = document.getElementById('email').value;
     var password = document.getElementById('password').value;
@@ -64,7 +59,6 @@
 
   function onSubmit(token) {
     document.getElementById('recaptcha_token').value = token;
-    // Submit the form after reCAPTCHA token is received
     document.getElementById('registration-form').submit();
   }
 </script>