https://github.com/angryhtml/registration-form
☑Registration Form with Validation using Static Methods
https://github.com/angryhtml/registration-form
classes-in-javascript css html javascript static-methods validation-form
Last synced: 3 months ago
JSON representation
☑Registration Form with Validation using Static Methods
- Host: GitHub
- URL: https://github.com/angryhtml/registration-form
- Owner: angryhtml
- Created: 2025-03-04T19:41:19.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-04T19:54:26.000Z (3 months ago)
- Last Synced: 2025-03-04T20:33:28.840Z (3 months ago)
- Topics: classes-in-javascript, css, html, javascript, static-methods, validation-form
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Форма регистрации с валидацией
Этот проект представляет собой интерактивную форму регистрации с валидацией данных. В нём демонстрируется использование **статических методов** в JavaScript для проверки введённых пользователем данных. После успешной регистрации пользователь видит сообщение об успехе, а форма автоматически сбрасывается через 5 секунд.
## Основные функции
- **Валидация email**: Проверка корректности формата email.
- **Валидация пароля**: Пароль должен содержать не менее 8 символов, цифру, заглавную букву и специальный символ (`@`, `!`, `&`).
- **Подтверждение пароля**: Пароль и подтверждение пароля должны совпадать.
- **Сообщение об успехе**: Отображается после успешной регистрации.
- **Сброс формы**: Форма автоматически сбрасывается через 5 секунд.
- **Адаптивный дизайн**: Форма и сообщение корректно отображаются на всех устройствах.
## Используемые технологии
- **HTML**: Структура формы и сообщения.
- **CSS**: Стилизация и адаптивный дизайн.
- **JavaScript**: Логика валидации, статические методы и сброс формы.
## Статические методы в действии
В проекте используются **статические методы** класса `UserUtils` для обработки логики валидации. Этот подход делает код организованным и удобным для повторного использования. Например:
- `UserUtils.validateEmail(email)`: Проверяет корректность формата email.
- `UserUtils.validatePassword(password)`: Проверяет сложность пароля.