我在写一个注册的页面代码,我使用的是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();
}
相似问题