Atribut pattern

Atribut pattern določa preverjanje polja vnosa HTML obrazca z regularnim izrazom.

Regularni izrazi so posebne ukaze, ki omogočajo ustvariti skoraj vsaka pravila preverjanja. Podrobneje z njimi se lahko seznanite v knjigi o regularnih izrazih PHP ali v knjigi o regularnih izrazih JavaScript.

Ob poskusu pošiljanja obrazca v primeru, da polje s tem atributom ni izpolnjeno - brskalnik ne bo dovolil pošiljanja obrazca in prikazal bo napako v obliki pojavnega namiga. Na žalost, besedila napake in njenega videza ni mogoče spremeniti z HTML ali CSS.

Upoštevajte, da prisotnost atributa pattern vas ne oprosti preverjanja pravilnosti izpolnjenosti obrazca s strani strežnika na PHP (saj zaščito prek atributa je enostavno zaobiti).

Atribut pattern je treba uporabiti za oznake input ali textarea.

Primer

Obrnimo se na oznako input in dodajmo atribut pattern, v katerega bomo vstavili regularni izraz, ki preverja da je v vnosno polje vneseno število z dvema števkama (na primer, 25).

Vnesite poljubno število in poskusite klikniti na gumb, da pošljete obrazec. Če je vneseno število ni z dvema števkama, potem brskalnik ne bo dovolil pošiljanja obrazca in prikazal bo sporočilo o napaki, v nasprotnem primeru bo obrazec poslan:

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

Primer . Prazno polje

V prejšnjem primeru je brskalnik izdal napako samo v primeru, če polje ni bilo prazno (čeprav prazno polje ni število z dvema števkama). Poskusimo narediti tako, da se napaka prikaže tudi za prazno polje - skupaj z atributom pattern napišimo še atribut required:

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

Glejte tudi

atribut required,
s katerim lahko naredite preverjanje na praznino