Atribut pattern

Atribut pattern nastavuje kontrolu pole vstupu HTML formuláře pomocí regulárního výrazu.

Regulární výrazy jsou speciální příkazy, které umožňují vytvořit téměř jakákoli pravidla kontroly. Podrobněji se s nimi můžete seznámit v knize o regulárních výrazech PHP nebo v knize o regulárních výrazech JavaScript.

Při pokusu o odeslání formuláře v případě, že pole s tímto atributem není vyplněno - prohlížeč nedovolí odeslat formulář a zobrazí chybu ve formě vyskakovací nápovědy. Bohužel, text chyby a její vzhled nelze změnit pomocí HTML nebo CSS.

Mějte na paměti, že přítomnost atributu pattern vás nezbavuje kontroly správnosti vyplnění formuláře na straně serveru pomocí PHP (protože ochranu prostřednictvím atributu lze snadno obejít).

Atribut pattern by se měl aplikovat na tagy input nebo textarea.

Příklad

Podívejme se na tag input a přidejme atribut pattern, do kterého vložíme regulární výraz kontrolující, že do inputu bylo zadáno číslo ze dvou číslic (například 25).

Zadejte libovolné číslo a zkuste kliknout na tlačítko pro odeslání formuláře. Pokud bylo zadáno číslo ne ze dvou číslic, prohlížeč nedovolí odeslat formulář a zobrazí chybovou zprávu, v opačném případě bude formulář odeslán:

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

Příklad . Prázdné pole

V předchozím příkladu prohlížeč hlásil chybu pouze v případě, že pole nebylo prázdné (i když prázdné pole není číslo se dvěma číslicemi). Zkusme udělat tak, aby se chyba hlásila i na prázdné pole - spolu s atributem pattern napišme také atribut required:

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

Viz také

atribut required,
pomocí kterého lze provést kontrolu na prázdnost