Атрибут 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,
помоћу којег се може извршити провера на празно поље