SlillBox - ФИО

Работа в рамках профессии от SkillBox "Fullstack-разработчик на JavaScript" (курс - Javascript «Продвинутый уровень»).

Это небольшое простое задание мне понравилось своей идеей и теми приемами, которые я использовал при реализации.

Описание задания:

Сделайте форму с полями для ввода (input) имени, фамилии и отчества. В каждом поле допускается только ввод кириллицы в любом регистре, дефиса и пробела. При вводе с клавиатуры любая кнопка, не соответствующая допустимому символу, не должна приводить к вводу символа в поле. При этом не нужно отменять действия управляющих кнопок Backspace, Enter и прочих.

При потере фокуса (событие blur, происходит, когда пользователь убрал выделение с поля для ввода) должна происходить проверка на корректность введённого значения и замена его на корректное при необходимости по следующим правилам:

  • Из строки значения должны удаляться все символы, кроме допустимых.
  • Пробелы и дефисы в начале и конце значения должны удаляться.
  • Несколько идущих подряд пробелов или дефисов должны заменяться на один.
  • Первая буква должна приводиться к верхнему регистру, а все остальные — к нижнему.

Отправка формы должна добавлять абзац с введёнными фамилией, именем и отчеством под форму без перезагрузки страницы. Каждая отправка формы добавляет новый абзац на страницу. После отправки поля на форме должны очищаться.

SlillBox - ФИО