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

Опрацюйте теоретичний матеріал:

Ви, непевно, неодноразово відвідували сайти з формою реєстрації і пробували її заповнити? Якщо так, то при цьому могли бачити наступні повідомлення:

"Це поле є обов'язковим для заповнення" (ви не можете залишити це поле порожнім)

"Будь ласка, введіть ваш телефонний номер в форматі xxx-xxxxxxx" (введіть три цифри, тире, сім цифр)

"Будь ласка, введіть справжню адресу електронної пошти" (якщо ваша запис не в форматі "somebody@example.com")

"Ваш пароль повинен бути від 4 до 15 символів довжиною, і містити одну велику літеру, один символ, і число" і т.п.

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

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

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

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

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

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

Виконайте інтерактивні вправи. Скріни вправ прикріпіть до цього завдання.