Валидация полей формы в 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+.

Пример использования

<form action="/">
    <input name="email" required placeholder="Your Email" />
    <textarea name="message" placeholder="Your Message" required></textarea>
    <input type="submit" value="Send">
</form>

Как это работает

Если вы используете браузер, который поддерживает HTML 5 нажмите “Send” не заполняя поля.

В следующих статьях поговорим о способах проверки полей на правильность введённых данных.