Изучаем HTML 5-Б. Лоусон, Р. Шарп - 2011

сравнивать. Я говорю это потому, что вы наверняка заметили, что перед специальным сообщением валидации добавлено еще одно:«The value humptydumpty is not allowed by a script on the page!». Его добавил сам браузер, и мы никак не можем этого изменить (сейчас). Это стоит учитывать, если вы собираетесь использовать свои собственные сообщения валидации.

Однако, если вас не устраивает то, как работают специальные сообщения валидации, вы можете задать поведение вашей валидации так, чтобы оно соответствовало вашему приложению. Когда вы запускаете setCustomValidity, метод создает DOM-атрибут validationMessage, доступный только для чтения. Это можно использовать для управления валидацией, о чем мы и поговорим в следующем разделе.

Использование javascript

для diy-валидации

Наряду с атрибутами контента, которые позволяют осуществлять валидацию со стороны клиента и создавать качественные виджеты для веб-форм (как в большинстве HTML5-спецификаций), существует дополнительный интерфейс JavaScript API, который дает нам возможность полностью управлять валидацией и отправкой формы.

С помощью JavaScript API мы можем регулировать то, как результат валидации будет представлен пользователю, но мы также можем передать весь фактический код валидации в ведение API новых форм. Также API позволяет точно определить, почему конкретное поле формы не проходит валидацию.

КАК ИНИЦИИРОВАТЬ ВАЛИДАЦИЮ

Все элементы форм и элементы ввода данных (включая

<select> и <textarea>) содержат в узле DOM метод check-validity. Ничего страшного, если вы думаете, что именно этот метод нужно использовать для переопределения процессов валидации и обратной связи, использующихся в браузере по умолчанию.

Метод checkValidity возвращает значение true или false в зависимости от успешности выполнения проверок валидации, но в то же время он заставляет браузер выполнять эту проверку. Если вы хотите самостоятельно управлять отображением результатов валидации, то вам не стоит использовать этот метод.