Atribút pattern

Atribút pattern nastavuje kontrolu vstupného poľa HTML formulára pomocou regulárneho výrazu.

Regulárne výrazy sú špeciálne príkazy, ktoré umožňujú vytvoriť takmer akékoľvek pravidlá kontroly. Viac o nich sa môžete dozvedieť v knihe o regulárnych výrazoch PHP alebo v knihe o regulárnych výrazoch JavaScript.

Pri pokuse o odoslanie formulára v prípade, že pole s týmto atribútom nie je vyplnené - prehliadač nedovolí odoslať formulár a zobrazí chybu vo forme vyskakovacej nápovedy. Bohužiaľ, text chyby a jej vzhľad nie je možné zmeniť pomocou HTML alebo CSS.

Majte na pamäti, že prítomnosť atribútu pattern vás nezbavuje kontroly správnosti vyplnenia formulára na strane servera v PHP (keďže ochranu prostredníctvom atribútu je možné ľahko obísť).

Atribút pattern by sa mal aplikovať na značky input alebo textarea.

Príklad

Obrátime sa na značku input a pridáme atribút pattern, do ktorého zavedieme regulárny výraz kontrolujúci, že do vstupu bolo zadané číslo z dvoch číslic (napríklad 25).

Zadajte ľubovoľné číslo a skúste kliknúť na tlačidlo na odoslanie formulára. Ak bolo zadané číslo nie z dvoch číslic, prehliadač nedovolí odoslať formulár a zobrazí chybové hlásenie, v opačnom prípade bude formulár odoslaný:

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

Результат:

Príklad . Prázdne pole

V predchádzajúcom príklade prehliadač zobrazoval chybu len v prípade, že pole nebolo prázdne (hoci prázdne pole nie je číslo s dvoma číslicami). Skúsme spraviť tak, aby sa chyba zobrazovala aj na prázdne pole - spolu s atribútom pattern napíšme aj atribút required:

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

Результат:

Pozri tiež