65 lines
2.4 KiB
JavaScript
65 lines
2.4 KiB
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
||
const usernameInput = document.getElementById('username');
|
||
const emailInput = document.getElementById('email');
|
||
const passwordInput = document.getElementById('password');
|
||
const confirmPasswordInput = document.getElementById('confirmPassword');
|
||
const registerButton = document.getElementById('registerButton');
|
||
const messageEl = document.getElementById('message');
|
||
const registrationForm = document.getElementById('registration-form');
|
||
|
||
registerButton.addEventListener('click', () => {
|
||
const username = usernameInput.value;
|
||
const email = emailInput.value;
|
||
const password = passwordInput.value;
|
||
const confirmPassword = confirmPasswordInput.value;
|
||
|
||
messageEl.textContent = "Регистрация прошла успешно!";
|
||
messageEl.style.color = "green";
|
||
|
||
if (!username) {
|
||
messageEl.textContent = "Пожалуйста, введите имя пользователя.";
|
||
messageEl.style.color = "red";
|
||
return;
|
||
}
|
||
if (!email) {
|
||
messageEl.textContent = "Пожалуйста, введите email.";
|
||
messageEl.style.color = "red";
|
||
return;
|
||
}
|
||
|
||
if (!password || !confirmPassword) {
|
||
messageEl.textContent = "Пожалуйста, введите пароль и подтвердите его.";
|
||
messageEl.style.color = "red";
|
||
return;
|
||
}
|
||
|
||
if (password !== confirmPassword) {
|
||
messageEl.textContent = "Пароли не совпадают.";
|
||
messageEl.style.color = "red";
|
||
return;
|
||
}
|
||
|
||
if (password.length < 8) {
|
||
messageEl.textContent = "Пароль должен содержать не менее 8 символов!";
|
||
messageEl.style.color = "red";
|
||
return;
|
||
}
|
||
|
||
const userData = {
|
||
username: username,
|
||
email: email,
|
||
password: password
|
||
};
|
||
|
||
|
||
localStorage.setItem('user', JSON.stringify(userData));
|
||
|
||
messageEl.textContent = "Регистрация прошла успешно!";
|
||
messageEl.style.color = "green";
|
||
|
||
usernameInput.value = '';
|
||
emailInput.value = '';
|
||
passwordInput.value = '';
|
||
confirmPasswordInput.value = '';
|
||
});
|
||
}); |