Moderní tvorba webových aplikací

O webu

Atribut pattern pro formulářové prvky

Validace formulářů regulárními výrazy na straně klienta bez JavaScriptu.

1 minuta

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.

Související články

Odeslání formuláře tlačítkem mimo něj

Jak odeslat formulář tlačítkem, které je mimo formulář.

3 minuty

Resetování <input type=file>

Jak resetovat (odstranit) hodnotu z <input>u pro upload souborů.

3 minuty

HTML značka <input>

Všechny varianty značky <input>, možné atributy, vysvětlení a ukázky.

13 minut

Atribut autocapitalize

HTML atribut autocapitalize slouží k nastavení automatického přepnutí na velká písmena u dotykových klávesnic.

6 minut

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025