Атрибут pattern

Атрибут pattern задава проверка на поле за въвеждане на HTML форма чрез регулярен израз.

Регулярните изрази са специални команди, които позволяват създаването на почти всякакви правила за проверка. Повече подробности за тях можете да намерите в книгата за регулярни изрази в PHP или в книгата за регулярни изрази в JavaScript.

При опит за изпращане на формата, в случай че полето с този атрибут не е попълнено - браузърът няма да позволи изпращането на формата и ще покаже грешка под формата на изскачащ подсказка. За съжаление, текстът на грешката и нейният вид не могат да бъдат променени с HTML или CSS.

Имайте предвид, че наличието на атрибут pattern не ви освобождава от проверката на коректността на попълнената форма от сървърната страна на PHP (тъй като защитата чрез атрибута лесно може да бъде заобиколена).

Атрибут pattern трябва да се прилага към етикети input или textarea.

Пример

Нека се обърнем към етикета input и добавим атрибут pattern, в който ще сложим регулярен израз, проверяващ дали в полето е въведено число от две цифри (например, 25).

Въведете произволно число и опитайте да натиснете бутона, за да изпратите формата. Ако е въведено число не от две цифри, браузърът няма да позволи изпращането на формата и ще покаже съобщение за грешка, в противен случай формата ще бъде изпратена:

<form action="">
	<input type="text" pattern="\d{2}">
	<input type="submit">
</form>

Пример . Празно поле

В предишния пример браузърът показваше грешка само в случай, че полето не беше празно (въпреки че празното поле не е число с две цифри). Нека се опитаме да направим така, че грешка да се показва и при празно поле - заедно с атрибута pattern ще напишем и атрибут required:

<form action="">
	<input type="text" pattern="\d{2}" required>
	<input type="submit">
</form>

Вижте също

атрибут required,
с който може да се направи проверка за празнота