Atribut pattern pro formulářové prvky

V nových prohlížečích – Chrome, Firefox, Opera a Internet Explorerech od verse 10 lze použitím atributu pattern určit masku, které musí obsah <input>u vyhovět.

<input pattern="[0-9]{1,3}" required>

Ukázka

Trochu zajímavé se na první pohled může zdát, že bez přidání dalšího atributu required projde i nevyplněné pole.

Závěr

Na podobnou kontrolu se ovšem nelze spoléhat ani v momentě, kdy vymizí drtivá většina starších prohlížečů než IE 10. Aplikace zpracovávající data vždy musí nějaké ověření/serializaci provádět.