script.js

"use strict";
class UserUtils {
    static validateEmail(email) {
        return email.includes('@') && email.split('@')[1].includes('.');
    }
    static validatePassword(password) {
        const isLongEnough = password.length >= 8;
        const hasNumber = /\d/.test(password);
        const hasUppercase = /[A-Z]/.test(password);
        const hasSpecialChar = /[@!&?]/.test(password);
        return isLongEnough && hasNumber && hasUppercase && hasSpecialChar;
    }
}
const registrationForm = document.getElementById('registrationForm');
const emailInput = document.getElementById('email');
const passwordInput = document.getElementById('password');
const confirmPasswordInput = document.getElementById('confirmPassword');
const emailError = document.getElementById('emailError');
const passwordError = document.getElementById('passwordError');
const confirmPasswordError = document.getElementById('confirmPasswordError');
const successMessage = document.querySelector('.sucessForm');
registrationForm.addEventListener('submit', (event) => {
    event.preventDefault();
    const email = emailInput.value;
    const password = passwordInput.value;
    const confirmPassword = confirmPasswordInput.value;
    emailError.textContent = '';
    passwordError.textContent = '';
    confirmPasswordError.textContent = '';
    successMessage.style.display = 'none';
    if (!UserUtils.validateEmail(email)) {
        emailError.textContent = 'Error: Invalid email';
        return;
    }
    if (!UserUtils.validatePassword(password)) {
        passwordError.textContent = 'The password must contain at least 8 characters, a number, an uppercase letter and the special character @!&?';
        return;
    }
    if (password !== confirmPassword) {
        confirmPasswordError.textContent = 'Error: Passwords do not match';
        return;
    }
    registrationForm.style.display = 'none';
    successMessage.style.display = 'block';
    setTimeout(() => {
        successMessage.style.display = 'none';
        registrationForm.style.display = 'block';
        registrationForm.reset();
    }, 5000);
});