Encodera

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.

Справочник HTML & CSS

pattern

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

Синтаксис

<input pattern="[0-9]{5}" title="5 digits">

Параметры

ПараметрТипОписание
patternregular 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 — Делает поле обязательным: форма не отправится, пока оно пустое.
  • type — Вид поля `<input>`: от текста и чисел до даты, цвета и файла.
  • <input> — Поле ввода; вид поля задаёт атрибут `type`.

Вопросы и ответы по теме

В учебнике

  • Проверка форм — Встроенная проверка полей в браузере — required, minlength и maxlength, min и max, pattern, оформление ошибок и novalidate.

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.