Пройти інтерактивне опитування
Опанувати веб конспект
Виконати практичне завдання
Створити тези до презентації
Пройти інтерактивне опитування
Опанувати веб конспект
Виконати практичне завдання
Створити тези до презентації
Існує два різних типи перевірки форми:
Перевірка на стороні клієнта - це перевірка, яка відбувається в браузері, перш ніж дані будуть відправлені на сервер. Це зручніше, ніж перевірка на стороні сервера, так як дає миттєву відповідь.
Перевірка на стороні сервера - це перевірка, яка виникає на сервері після відправки даних. Серверний код використовується для перевірки даних перед їх збереженням в базі даних. Якщо дані не проходять перевірку валідності, відповідь відправляється назад клієнту, щоб повідомити користувачеві, які виправлення повинні бути зроблені. Перевірка на стороні сервера не така зручна, як перевірка на стороні клієнта, оскільки вона не видає помилок до тих пір, поки не буде відправлена вся форма. Проте, перевірка на стороні сервера - це остання лінія захисту вашого додатки від неправильних або навіть шкідливих даних. Всі популярні серверні фреймворки мають функції для перевірки і очищення даних (що робить їх безпечними).
У реальному світі розробники схильні використовувати комбінацію перевірки на стороні клієнта і сервера.
Миттєва
Втрата фокусу
Відправка форми
Специфікація HTML5 дозволяє робити більш легку перевірку в зв'язку з введенням нових типів таких як email, url, або tel, і за допомогою них перевірка здійснюється автоматично
Що якщо, є поля, які не належать до типів специфікації? Як тоді проводити перевірку цих полів? Ось тут нам і стати в нагоді атрибут pattern.
<input type="checkbox" name="terms" required >
<input type="text" name="name" required maxlength="15">
<input type="number" name="age" min="18" required>
<input type="text" name="name" title="Please enter your user name.">
<input type="email" name="email" required pattern="^\S+@\S+\.\S+$" title="example@mail.com">