Atribuut pattern

Atribuut pattern määrab HTML vormi sisendvälja kontrolli regulaaravaldise abil.

Regulaaravaldised on spetsiaalsed käsud, mis võimaldavad luua peaaegu kõikvõimalikke kontrollireegleid. Täpsemalt nendega saate tutvuda PHP regulaaravaldiste raamatus või JavaScripti regulaaravaldiste raamatus.

Vormi saatmise katse korral, kui välja selle atribuudiga ei ole täidetud - ei luba brauser vormi saata ja kuvab vea hüpikaknas. Kahjuks ei saa veateksti ja selle välimust muuta HTML-i või CSS-i abil.

Pidage meeles, et atribuudi pattern olemasolu ei vabasta teid vormi õige täitmise kontrollimisest serveri poolel PHP-ga (kuna kaitse atribuudi abil on lihtne mööda hiilida).

Atribuuti pattern tuleks rakendada siltidele input või textarea.

Näide

Pöördume sildi input poole ja lisame atribuudi pattern, millesse paneme regulaaravaldise, mis kontrollib, et sisendisse on sisestatud kahekohaline number (näiteks 25).

Sisestage suvaline number ja proovige vajutada nuppu vormi saatmiseks. Kui on sisestatud mitte kahekohaline number, siis brauser ei luba vormi saata ja kuvab veateate, vastasel juhul saadetakse vorm:

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

Näide . Tühi väli

Eelmises näites andis brauser vea ainult juhul, kui väli ei olnud tühi (kuigi tühi väli ei ole kahekohaline number). Proovime teha nii, et viga antaks ka tühja välja puhul - koos atribuudiga pattern kirjutame ka atribuudi required:

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

Vaata ka

atribuut required,
mille abil saab teha tühjuse kontrolli