Как использовать собственный текст подсказки для Invalid Input Pattern вместо "Вы должны использовать этот формат: [blank]"

Когда вход не соответствует шаблону, указанному атрибутом шаблона, Firefox просто говорит: "Пожалуйста, сопоставьте запрошенный формат", что хорошо; однако, когда это подтверждение не выполняется, Internet Explorer 10 отображает "Вы должны использовать этот формат:" в всплывающей подсказке ни с чем другим. Это может быть просто, но поиск не дал мне подсказки о том, как предоставить текст всплывающей подсказке, рассказывающий об этом шаблоне, который должен использоваться.

Пример ниже для одного-четырехзначного числа:

<input id="institution_threshold_days" type="text" placeholder="0-9999" pattern="^[0-9]{1,4}$" />

Ответ 1

Попробуйте использовать атрибут title, чтобы описать, что вы хотите сказать:

<input id="institution_threshold_days" type="text" placeholder="0-9999" pattern="^[0-9]{1,4}$" title="Please enter a number less than 10000." />

Должен работать для всех основных браузеров...

Из Microsoft

содержимое атрибута title отображается как текст подсказки для поле и добавлено к сообщению об ошибке рассогласования с общим шаблоном.

От Mozilla

Используйте атрибут title, чтобы описать шаблон, чтобы помочь пользователь.

И хотя я не могу найти официальную документацию, она, похоже, работает и в Chrome.