Atributas pattern

Atributas pattern nustato HTML formos įvesties lauko patikrinimą pagal reguliariąją išraišką.

Reguliarosios išraiškos - tai specialios komandos, kurios leidžia sukurti beveik bet kokias patikrinimo taisykles. Išsamiau su jomis galite susipažinti PHP reguliariųjų išraiškų knygoje arba JavaScript reguliariųjų išraiškų knygoje.

Kai bandoma pateikti formą, jei laukas su šiuo atributu neužpildytas - naršyklė neleis pateikti formos ir parodys klaidą iškylančioje užuominos formoje. Deja, klaidos tekstą ir jo išvaizdą negalima pakeisti naudojant HTML ar CSS.

Turėkite omenyje, kad atributo pattern buvis neatleidžia jus nuo formos teisingumo patikrinimo serverio pusėje naudojant PHP (nes apsaugą per atributą lengva apeiti).

Atributas pattern turėtų būti taikomas ženklams input arba textarea.

Pavyzdys

Kreipkimės į žymą input ir pridėkime atributą pattern, į kurį įdėsime reguliariąją išraišką, tikrinančią, kad į įvesties lauką įvestas skaičius iš dviejų skaitmenų (pavyzdžiui, 25).

Įveskite bet kurį skaičių ir pabandykite paspausti mygtuką, kad pateiktumėte formą. Jei įvestas skaičius ne iš dviejų skaitmenų, naršyklė neleis pateikti formos ir parodys klaidos pranešimą, priešingu atveju forma bus pateikta:

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

Pavyzdys . Tuščias laukas

Ankstesniame pavyzdyje naršyklė rodė klaidą tik tuo atveju, jei laukas buvo ne tuščias (nors tuščias laukas nėra skaičius su dviem skaitmenimis). Pabandykime padaryti taip, kad klaida būtų rodoma ir tuščiam laukui - kartu su atributu pattern parašykime ir atributą required:

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

Taip pat žiūrėkite

atributą required,
kuriuo galima atlikti tuštumo patikrinimą