Update templates/register.html

templates/register.html

@@ -50,25 +50,30 @@
 
     </div>
           <script src="https://www.google.com/recaptcha/api.js" async defer></script>
-    <script>
-       function setRecaptchaToken(token) {
-            document.getElementById('recaptcha_token').value = token;
+  <script>
+    function setRecaptchaToken(token) {
+        document.getElementById('recaptcha_token').value = token;
+    }
+
+    function areFieldsFilled() {
+        var username = document.getElementById('username').value.trim();
+        var email = document.getElementById('email').value.trim();
+        var password = document.getElementById('password').value.trim();
+        var confirmPassword = document.getElementById('confirm_password').value.trim();
+        var recaptchaToken = document.getElementById('recaptcha_token').value.trim();
+
+        return username && email && password && confirmPassword && recaptchaToken;
+    }
+
+    document.getElementById('registration-form').addEventListener('submit', function(event) {
+        event.preventDefault();
+
+        if (!areFieldsFilled()) {
+            alert("Please fill in all required fields and complete the reCAPTCHA.");
+            return;
         }
-        document.getElementById('registration-form').addEventListener('submit', function(event) {
-          
-            var username = document.getElementById('username').value;
-            var token = document.getElementById('recaptcha_token').value;
-            var email = document.getElementById('email').value;
-            var password = document.getElementById('password').value;
-            var confirmPassword = document.getElementById('confirm_password').value;
 
-            if (!(token && 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
-            var formData = new FormData(this);
+        var formData = new FormData(this);
 
         fetch('/register', {
             method: 'POST',
@@ -81,7 +86,6 @@
             return response.json();
         })
         .then(data => {
-            // Handle the received data
             storeAccessToken(data.access_token);
             window.location.href = data.redirect_url;
         })
@@ -94,7 +98,7 @@
         // Implement your token storage logic here
         console.log("Token stored:", token);
     }
-    </script>
+</script>
 </body>
 
 </html>