alexeyShuncko / form

Форма обратной связи

Home Page:https://alexeyshuncko.github.io/form/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Форма обратной связи

Вся валидация написана самостоятельно, без использования сторонних библиотек. Поля формы проходят валидацию во время ввода. Если поле не проходит валидацию, выводится соответствующее сообщение под полем. Все поля обязательны к заполнению. При отправке формы, пока не пришел ответ с сервера, форму нельзя отправить повторно. В случае успешного ответа с сервера, выводится соответствующее сообщение и все поля формы очищаются.

    Валидация полей:

  • Поле “Имя Фамилия” может состоять только из 2-х слов (имя и фамилия) латинского алфавита. Минимальная длина каждого слова 3 символа, максимальная 30. Между словами может быть только 1 пробел. При вводе символы должны приводиться в верхний регистр.
  • E-mail должен быть корректным (должна быть отключена браузерная валидация).
  • Для номера телефона использовать маску Российского номера (+7 (555) 555-55-55)
  • Дата рождения вводиться через календарь.

Помимо обычных скриптов React, написан скрипт "npm run go", для запуска сервера разработки с настроенным вручную вебпаком в файле webpack.config.js .

About

Форма обратной связи

https://alexeyshuncko.github.io/form/


Languages

Language:TypeScript 70.1%Language:SCSS 20.5%Language:JavaScript 7.2%Language:HTML 2.2%