pattern HTML атрибут - шаблон валідації
Атрибут pattern визначає регулярний вираз, якому має відповідати значення елемента <input> для валідації.
Атрибут pattern використовується з елементами <input type="text|tel|email|url|password|search">.
Регулярний вираз повинен відповідати всьому значенню поля введення, а не лише його частині. Якщо поле не є обов'язковим (тобто не має атрибута required), порожнє значення вважається дійсним.
Синтаксис
HTML
<input type="text" pattern="[A-Za-z]{3}" title="Три літери">Приклади використання
Результат
<label for="zipcode">Поштовий індекс (5 цифр):</label>
<input type="text" id="zipcode" name="zipcode" pattern="[0-9]{5}" title="Будь ласка, введіть 5 цифр"><br><br>
<label for="phone">Номер телефону (XXX-XXX-XXXX):</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" title="Формат: 123-456-7890">
<p>Спробуйте ввести невірні дані, щоб побачити повідомлення про валідацію.</p>Підтримка браузерів
pattern |
|---|