问关于滑动窗口验证码接入的问题？

我在写一个注册的页面代码，我使用的是jquery绑定的点击事件，我的逻辑是先进行表单验证，再将密码进行md5加密，通过后在进行滑动窗口验证，但是表单验证过后一直无法进行滑动窗口验证 js代码如下：

$(document).ready(function () {

$('#signUpButton').click(function (e) {

e.preventDefault();

// Step 1: Form Validation

if (!validateForm()) {

alert("Please correct the errors in the form.");

return;

                }

// Step 2: Encrypt Password with MD5

var encryptedPassword = md5($('#originpassword').val().trim());

$('#password').val(encryptedPassword); // Store the encrypted password in a hidden field

// Step 3: Show Tencent Cloud Captcha

showCaptcha();

            });

        });

function validateForm() {

var isValid = true;

$('.error-message').text('');

// Validate Username (combination of English and numbers, at least 6 digits)

var username = $('#username').val().trim();

if (!/^[A-Za-z0-9]{6,}$/.test(username)) {

$('#usernameError').text("Username must be a combination of English and numbers, at least 6 digits.");

isValid = false;

            }

// Validate Password (uppercase, lowercase, at least 8 digits)

var password = $('#originpassword').val().trim();

if (!/^(?=.*[a-z])(?=.*[A-Z]).{8,}$/.test(password)) {

$('#passwordError').text("Password must contain uppercase and lowercase characters, at least 8 digits.");

isValid = false;

            }

// Confirm Password Validation

var confirmPassword = $('#confirmPassword').val().trim();

if (confirmPassword !== password) {

$('#confirmPasswordError').text("Passwords do not match.");

isValid = false;

            }

return isValid;

        }

function showCaptcha() {

var captcha = new TencentCaptcha('198862955', function (res) {

if (res.ret === 0) {

// Captcha validation passed, submit the form

$('#Registerform').submit();

                } else {

// Handle captcha validation failure

alert("Captcha validation failed.");

                }

            });

captcha.show();

        }