ویرایش پروفایل

1 از 3

لطفاً نام و نام خانوادگی خود را وارد کنید

const form = document.getElementById('profileForm1'); const firstNameInput = document.getElementById('firstName'); const lastNameInput = document.getElementById('lastName'); const usernameInput = document.getElementById('username'); const avatar = document.querySelector('.avatar'); // Avatar animation on input focus [firstNameInput, lastNameInput, usernameInput].forEach(input => { input.addEventListener('focus', () => { avatar.classList.add('avatar--thinking'); setTimeout(() => { avatar.classList.remove('avatar--thinking'); }, 2000); }); input.addEventListener('input', () => { if (input.value.length > 0) { avatar.classList.add('avatar--happy'); } else { avatar.classList.remove('avatar--happy'); } }); }); // Form validation form.addEventListener('submit', (e) => { e.preventDefault(); let isValid = true; // Validate first name if (firstNameInput.value.trim().length < 2) { showError('firstNameError', 'نام باید حداقل 2 کاراکتر باشد'); isValid = false; } else { hideError('firstNameError'); } // Validate last name if (lastNameInput.value.trim().length < 2) { showError('lastNameError', 'نام خانوادگی باید حداقل 2 کاراکتر باشد'); isValid = false; } else { hideError('lastNameError'); } // Validate username const usernamePattern = /^[a-zA-Z0-9_]{3,20}$/; if (!usernamePattern.test(usernameInput.value)) { showError('usernameError', 'نام کاربری نامعتبر است'); isValid = false; } else { hideError('usernameError'); } if (isValid) { // Save to localStorage localStorage.setItem('profileFirstName', firstNameInput.value); localStorage.setItem('profileLastName', lastNameInput.value); localStorage.setItem('profileUsername', usernameInput.value); // Show success animation avatar.classList.add('avatar--success'); // Redirect to next page setTimeout(() => { window.location.href = 'profile2.html'; }, 1000); } else { avatar.classList.add('avatar--error'); setTimeout(() => { avatar.classList.remove('avatar--error'); }, 2000); } }); function showError(errorId, message) { const errorElement = document.getElementById(errorId); errorElement.textContent = message; errorElement.style.display = 'block'; } function hideError(errorId) { const errorElement = document.getElementById(errorId); errorElement.style.display = 'none'; } // Load saved data if exists window.addEventListener('DOMContentLoaded', () => { const savedFirstName = localStorage.getItem('profileFirstName'); const savedLastName = localStorage.getItem('profileLastName'); const savedUsername = localStorage.getItem('profileUsername'); if (savedFirstName) firstNameInput.value = savedFirstName; if (savedLastName) lastNameInput.value = savedLastName; if (savedUsername) usernameInput.value = savedUsername; }); -->