A pattern attribútum

A pattern attribútum egy HTML űrlap mezőjének reguláris kifejezéssel történő ellenőrzését határozza meg.

A reguláris kifejezések speciális parancsok, amelyek szinte bármilyen ellenőrzési szabály létrehozását lehetővé teszik. Részletesebben megismerkedhet velük a PHP-s reguláris kifejezésekről szóló könyvben vagy a JavaScript reguláris kifejezésekről szóló könyvben.

Az űrlap elküldésének megkísérlése során, ha ezt az attribútumot tartalmazó mező nincs kitöltve - a böngésző nem engedi elköldeni az űrlapot, és egy felugró segítség formájában jeleníti meg a hibát. Sajnos a hiba szövegét és megjelenését nem lehet módosítani HTML vagy CSS segítségével.

Ne feledje, hogy a pattern attribútum jelenléte nem menti fel Önt az űrlap helyes kitöltöttségének szerver oldali, PHP-n történő ellenőrzése alól (mivel az attribútumon keresztüli védelmet könnyen meg lehet kerülni).

A pattern attribútumot a input vagy a textarea címkékhez kell alkalmazni.

Példa

Nézzük meg a input címkét, és adjuk hozzá a pattern attribútumot, amelybe egy olyan reguláris kifejezést helyezünk, amely ellenőrzi, hogy a beviteli mezőbe kétjegyű szám van-e beírva (például 25).

Írjon be bármilyen számot, és próbálja meg megnyomni a küldés gombot. Ha nem kétjegyű számot írt be, akkor a böngésző nem engedi elköldeni az űrlapot, és hibaüzenetet jelenít meg, ellenkező esetben az űrlap elküldésre kerül:

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

Példa . Üres mező

Az előző példában a böngésző csak akkor jelezett hibát, ha a mező nem volt üres (bár az üres mező nem minősül kétjegyű számnak). Próbáljuk meg megvalósítani, hogy a hiba üres mező esetén is megjelenjenjön - a pattern attribútum mellett írjuk még bele a required attribútumot is:

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

Lásd még

a required attribútum,
amellyel az üresség ellenőrzése végezhető el