Pattern-attribuutti

Attribuutti pattern asettaa HTML-lomakkeen syöttökentän tarkistuksen säännöllisellä lausekkeella.

Säännölliset lausekkeet ovat erikoiskomentoja, joiden avulla voidaan luua käytännössä mitä tahansa tarkistussääntöjä. Voit tutustua niihin tarkemmin PHP:n säännöllisiä lausekkeita käsittelevässä kirjassa tai JavaScriptin säännöllisiä lausekkeita käsittelevässä kirjassa.

Yritettäessä lähettää lomaketta, jos tällä attribuutilla varustettua kenttää ei ole täytetty - selain ei anna lomakkeen lähettämistä ja näyttää virheen ponnahdusvihjeenä. Valitettavasti virhetekstiä tai sen ulkoasua ei voi muuttaa HTML:n tai CSS:n avulla.

Huomaa, että attribuutin pattern esiintyminen ei vapauta sinua lomakkeen oikeellisuuden tarkistamisesta palvelimella PHP:llä (koskin pattern-attribuutin kautta suojauksen on helppo kiertää).

Attribuuttia pattern tulisi käyttää elementeissä input tai textarea.

Esimerkki

Käytetään input-elementtiä ja lisätään attribuutti pattern, jonka sisälle asetamme säännöllisen lausekkeen, joka tarkistaa, että syötekenttään on syötetty kaksinumeroinen luku (esimerkiksi 25).

Syötä mikä tahansa numero ja yritä painaa nappia lähettääksesi lomakkeen. Jos syötetty luku ei ole kaksinumeroinen, selain ei anna lomakkeen lähettämistä ja näyttää virheilmoituksen, muussa tapauksessa lomake lähetetään:

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

Esimerkki . Tyhjä kenttä

Edellisessä esimerkissä selain antoi virheen vain silloin, jos kenttä ei ollut tyhjä (vaikka tyhjä kenttä ei ole kaksinumeroinen luku). Yritetään tehdä niin, että virhe annetaan myös tyhjästä kentästä - pattern-attribuutin lisäksi kirjoitetaan myös required-attribuutti:

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

Katso myös

attribuutti required,
jolla voidaan tehdä tarkistus tyhjyydelle