https://github.com/nomadcharm/payment-form
Форма оплаты / Payment form
https://github.com/nomadcharm/payment-form
javascript jest webpack
Last synced: 6 months ago
JSON representation
Форма оплаты / Payment form
- Host: GitHub
- URL: https://github.com/nomadcharm/payment-form
- Owner: nomadcharm
- Created: 2024-08-26T00:17:08.000Z (almost 2 years ago)
- Default Branch: gh-pages
- Last Pushed: 2024-09-26T20:36:33.000Z (almost 2 years ago)
- Last Synced: 2025-04-05T19:41:32.171Z (over 1 year ago)
- Topics: javascript, jest, webpack
- Language: JavaScript
- Homepage: https://nomadcharm.github.io/payment-form/
- Size: 289 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Проект: Форма оплаты 💳
Проект представляет собой функциональную веб-форму для онлайн-оплаты. Форма включает обязательные поля для ввода: номер карты, дату окончания действия, CVC/CVV и email для отправки чека. Пользователи могут вводить номер карты, при этом все нецифровые символы игнорируются, а цифры автоматически форматируются с пробелами каждые четыре цифры. Номер карты также проверяется на валидность с использованием алгоритма Луна. Дата окончания действия карты проверяется на соответствие формату ММ/ГГ и на корректность, включая минимальную дату, которая должна быть больше текущей. Поле для CVC/CVV требует ввода строго трех цифр, а email проверяется на соответствие стандартному формату. Валидация данных происходит при потере фокуса на поле, что обеспечивает удобство использования. Кнопка «Оплатить» остается отключенной до тех пор, пока все поля не будут заполнены корректно, что гарантирует безопасность и точность вводимых данных.
### 🚀 Установка:
Установка зависимостей:
```
npm install
```
Запуск сервера разработки:
```
npm run dev
```
Запуск production сборки:
```
npm run build
```
### 🔬 Тестирование:
Запуск тестирования:
```
npm run test
```
### 🛠️ Технологии:
- [JavaScript](https://ecma-international.org/publications-and-standards/standards/ecma-262/)
- [Redom](https://redom.js.org/)
- [Sass](https://sass-lang.com/)
- [Webpack](https://webpack.js.org/)
- [Babel](https://babeljs.io/)
- [Eslint](https://eslint.org/)
- [Prettier](https://prettier.io/)
- [Jest](https://jestjs.io/)
### Автор
- [@nomadcharm](https://www.github.com/nomadcharm)