pattern
Шаблон (регулярное выражение), которому должно соответствовать значение поля.
Синтаксис
<input pattern="[0-9]{5}" title="5 digits">Параметры
| Параметр | Тип | Описание |
|---|---|---|
| pattern | regular expression | Регулярное выражение, которому должно соответствовать всё значение. |
Примеры
Почтовый индекс из пяти цифр — введите буквы и нажмите кнопку:
<form>
<label>ZIP code
<input name="zip" pattern="[0-9]{5}" title="Five digits, e.g. 10115" required>
</label>
<button>Check</button>
</form>Длина без регулярного выражения:
<form>
<input name="nick" minlength="3" maxlength="12" placeholder="3–12 characters" required>
<button>Save</button>
</form>Примечания
Шаблон проверяет значение целиком — ^ и $ писать не нужно. Текст из title браузер добавляет к сообщению об ошибке, поэтому опишите в нём формат. Пустое поле pattern не проверяет — добавьте required, если оно обязательно.
См. также
Вопросы и ответы по теме
В учебнике
- Проверка форм — Встроенная проверка полей в браузере — required, minlength и maxlength, min и max, pattern, оформление ошибок и novalidate.