Update templates/register.html

templates/register.html

@@ -7,6 +7,19 @@
     <link rel="stylesheet" type="text/css" href="/static/style.css"> <!-- Add this line for your CSS -->
   <script src="https://www.google.com/recaptcha/api.js" async defer></script>
      <script>
+       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;
+    var confirmPassword = document.getElementById('confirm_password').value;
+
+    if (username && email && password && confirmPassword) {
+      // If the form is valid, trigger reCAPTCHA
+      grecaptcha.execute();
+    } else {
+      alert("Please fill in all required fields.");
+    }
+  });
        function onSubmit(token) {
          document.getElementById("registration-form").submit();
        }
@@ -50,21 +63,6 @@
 
     </form>
 
-<script>
-  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;
-    var confirmPassword = document.getElementById('confirm_password').value;
-
-    if (username && email && password && confirmPassword) {
-      // If the form is valid, trigger reCAPTCHA
-      grecaptcha.execute();
-    } else {
-      alert("Please fill in all required fields.");
-    }
-  });
-</script>
 
     </div>
 </body>