Как изменить сообщение об ошибке WebKit для обязательных полей формы HTML

Question

Gecko позволяет вам установить сообщение об ошибке для required полей формы HTML с x-moz-errormessage.

Что такое эквивалент для WebKit?

Answer 1

Хотя приведенный выше пример setCustomValidity () работает, он не учитывает собственный проверочный тест HTML5 и вместо этого предоставляет собственный настраиваемый тест. Если вместо этого вы хотите использовать совпадение типа / совпадения с шаблоном из HTML5, используйте setCustomValidity() с событием oninvalid:

<input type="text" pattern="[a-zA-Z]+"
oninvalid="setCustomValidity('Custom Message')" />

Однако имейте в виду, что это не будет локализовано на языке браузера пользователя, а также будет отображаться независимо от того, что является недопустимым (например, оно также будет отображаться, если не выполнено проверку required)

Answer 2

Я почти уверен, что нет, и не похоже, что это произойдет: http://www.w3.org/Bugs/Public/show_bug.cgi?id=10923.

Вы можете проверить setCustomValidity()Мне кажется, в Chrome он работает нормально: http://olav.dk/wf2/demo/validation.asp.

Источник : http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#dom-cva-setcustomvalidity