Примеры шаблонов для html5 form input pattern
Примеры шаблонов для использования в input pattern
Выражение |
| Описание |
\d или [0-9] |
| Одна цифра от 0 до 9 |
\D или [^0-9] |
| Любой символ кроме цифры |
\s |
| Один пробел |
[A-Z] |
| Только заглавная латинская буква |
[A-Za-z] |
| Только латинская буква в любом регистре |
[А-Яа-яЁё] |
| Только русская буква в любом регистре |
[A-Za-zА-Яа-яЁё] |
| Любая буква русского и латинского алфавита |
[0-9]{3} |
| Три цифры |
[A-Za-z]{6,} |
| Не менее шести латинских букв |
[0-9]{,3} |
| Не более трёх цифр |
[0-9]{5,10} |
| От пяти до десяти цифр |
^[a-zA-Z]+$ |
| Любое слово на латинице |
^[А-Яа-яЁё\s]+$ |
| Любое слово на русском включая пробелы |
^[ 0-9]+$ |
| Любое число |
[0-9]{6} |
| Почтовый индекс |
\d+(,\d{2})? |
| Число в формате 2,4 (разделитель запятая) |
\d+(\.\d{2})? |
| Число в формате 5.72 (разделитель точка) |
\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3} |
| IP-адрес |
[A-z]{2} |
| 2х буквенный код страны |
[A-z]{3} |
| 3х буквенный код страны |
(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).* |
| Поле пароля: Минимум 8 символов, одна цифра, одна буква в верхнем регистре и одна в нижнем |
^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$ |
| цвет в шестнадцатеричном виде, например #3b5998 или #000 |
[\x1F-\xBF]* |
| в данном поле разрешены все символы кроме кирилицы |
[0-9]{10,12} |
| ИНН юридического лица или ИП |
HTML Проверка номера телефона
<!DOCTYPE html>
<html>
<head>
<title>Атрибут pattern для проверки номера телефона на javascript</title>
</head>
<body>
<form>
<p>Введите телефон в формате +3-xxx-xxx-xx-xx, где вместо x должна быть цифра:</p>
<p><input type="tel" pattern="\+3\-[0-9]{3}\-[0-9]{3}\-[0-9]{2}\-[0-9]{2}"></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>
Комментариев нет :
Отправить комментарий