/
maxxon
/
web-static-labs
Обзор
Документация
Войти
/
maxxon
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab5/task8/script.js
32 строки
2 KB
Dasha_10
изменения
19 окт 2025, 18:51
19 окт 2025, 18:51
b6adcb0
Код
Авторство
О чём код?
document.addEventListener('DOMContentLoaded', function() { const form = document.getElementById('registrationForm'); const messageDiv = document.getElementById('message'); form.addEventListener('submit', function(event) { if (!form.checkValidity()) { return; // Предотвращаем отправку, если форма невалидна } event.preventDefault(); // Предотвращаем стандартную отправку формы // Здесь можно добавить код для отправки данных на сервер // Например, с использованием fetch или XMLHttpRequest // Для примера, просто выведем сообщение об успешной регистрации messageDiv.textContent = 'Регистрация прошла успешно!'; messageDiv.classList.add('success'); // Добавляем класс для стилизации успеха // Очищаем предыдущие сообщения (если есть) messageDiv.classList.remove('error'); // Очищаем форму form.reset(); }); // Дополнительная обработка ошибок валидации (необязательно, но полезно) form.addEventListener('invalid', function(event) { messageDiv.textContent = 'Пожалуйста, заполните все обязательные поля правильно.'; messageDiv.classList.add('error'); // Добавляем класс для стилизации ошибки messageDiv.classList.remove('success'); }, true); // true для захвата события на этапе захвата });