Атрибут pattern

Атрибутот pattern поставува проверка на полето за внесување на HTML форма со регуларно изразување.

Регуларните изрази се специјални команди кои овозможуваат да се создадат речиси сите правила за проверка. Повеќе за нив можете да научите во книгата за регуларни изрази во PHP или во книгата за регуларни изрази во JavaScript.

При обид за испраќање на формата во случај кога полето со овој атрибут не е пополнето - прелистувачот нема да дозволи да се испрати формата и ќе прикаже грешка во вид на tooltip порака. За жал, текстот на грешката и нејзиниот изглед не може да се променат со 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,
со кој може да се направи проверка за празно поле