Валідація полів форми в html 5 - required, блог

Валідація полів форми в html 5 - required, блог
Новий атрибут required застосовується для валідації текстових полів в HTML формах.

Якщо браузер підтримує HTML 5 то при спробі відправки форми з порожніми полями, у яких встановлено атрибут required. поруч з порожнім полями з'явиться стилізоване повідомлення про помилку і форма не буде відправлена.

Недоліком є ​​неможливість змінити зовнішній вигляд повідомлення - в кожному браузері він виглядає по-своєму.

Атрибут required поки не підтримується жодною з версій Internet Explorer (навіть IE9), жодної з версій Safari (включаючи Safari 5.0). Підтримується Chrome 10.0+, Opera 10.0+ і FireFox 4.0+.

приклад використання

Як це працює

Якщо ви використовуєте браузер, який підтримує HTML 5 натисніть «Send» не заповнюючи поля.

Ну тут вже і так зрозуміло чому це марна фігня, яка і уваги не варто
1.невозможность змінити зовнішній вигляд повідомлення
2. Не підтримується жодною з версій Internet Explorer (навіть IE9), жодної з версій Safari
І, по ходу, в найближчі роки і не буде.

Я думаю це буде підтримуватися повністю в найближчі 2-3 роки. Але і зараз вже можна вносити ці атрибути в проекти і підстраховувати за допомогою JS.

Скоро викладу плагін, який розширює можливості стандартної валідації html5

Схожі статті