Валідація та збереження даних форм

Валідація форми - це коли користувач вводить дані, а веб-додаток перевіряє чи вони коректні. Якщо дані вірні, додаток дозволяє даними бути відправленими на сервер і (як правило) бути збереженими в базі даних, якщо ні - він видає повідомлення про помилку

Різні типи валідації форми

Існує два різних типи перевірки форми:

• Перевірка на стороні клієнта - це перевірка, яка відбувається в браузері, перш ніж дані будуть відправлені на сервер. Це зручніше, ніж перевірка на стороні сервера, так як дає миттєву відповідь.

• Перевірка на стороні сервера - це перевірка, яка виникає на сервері після відправки даних. Серверний код використовується для перевірки даних перед їх збереженням в базі даних. Якщо дані не проходять перевірку валідності, відповідь відправляється назад клієнту, щоб повідомити користувачеві, які виправлення повинні бути зроблені. Перевірка на стороні сервера не така зручна, як перевірка на стороні клієнта, оскільки вона не видає помилок до тих пір, поки не буде відправлена вся форма. Проте, перевірка на стороні сервера - це остання лінія захисту вашого додатки від неправильних або навіть шкідливих даних. Всі популярні серверні фреймворки мають функції для перевірки і очищення даних (що робить їх безпечними).

У реальному світі розробники схильні використовувати комбінацію перевірки на стороні клієнта і сервера.

Що якщо, є поля, які не належать до типів специфікації? Як тоді проводити перевірку цих полів? Ось тут нам і стати в нагоді атрибут pattern. 

Технологія виконання завдання 1. 

1. Зайдіть на  редактор коду https://jsfiddle.net   та ввести HTML код вебсторінки https://docs.google.com/document/d/1K91RClkklJu0JDqkRwkzMoPivS2ODaolpRhKfNgu9C8/edit?usp=sharing   Натиснути RUN, щоб переглянути - результат роботи, можна побачити при натисканні кнопки на створеній вебсторінці.

2. Перевірте роботу вебсторінки в браузері. Заповнити поле, коли форма пройшла валідацію і зробити скриншот (у поле ввести прізвище та ім'я англійською мовою)

  3.Перевірте роботу вебсторінки в браузері. Заповнити поле, коли форма не пройшла валідацію і зробити скриншот (у поле ввести прізвище та ім'я англійською мовою), як виправити помилку поміркуйте самостійно.

Звітувати ДВА скриншоти

Технологія виконання завдання 2. 

1. Заходимо по посиланню на вебсторінку https://demo.tutorialzine.com/2014/12/quick-tip-easy-form-validation-with-html5/patterns.html 

2. Заходимо на вкладення (основи/basics) вводимо дані з помилкою та робимо скриншот) висновок –умова валідації.(у коментар)

3. Заходимо на вкладення (обмеження/limits) вводимо дані з помилкою, враховуючи ,та робимо скриншот) висновок –умова валідації.(у коментар)