Atributi pattern

Atributi pattern përcakton verifikimin e fushës së inputit të formës HTML sipas një shprehjeje të rregullt.

Shprehjet e rregullta janë komanda speciale që lejojnë krijimin e pothuajse çdo rregulli verifikimi. Mund të njiheni më gjerësisht me to në librin për shprehjet e rregullta në PHP ose në librin për shprehjet e rregullta në JavaScript.

Gjatë përpjekjes për dërgim të formës, nëse fusha me këtë atribut nuk plotësohet - shfletuesi nuk do të lejojë dërgimin e formës dhe do të shfaqë gabimin në formën e një tooltip-i. Fatkeqësisht, teksti i gabimit dhe pamja e tij nuk mund të ndryshohen duke përdorur HTML ose CSS.

Kini parasysh se prania e atributit pattern nuk ju liron nga verifikimi i saktësisë së formës së plotësuar nga ana e serverit në PHP (pasi mbrojtja përmes këtij atributi lehtësisht mund të anashkalohet).

Atributi pattern duhet të aplikohet në tegjat input ose textarea.

Shembull

Le t'i drejtohemi tagut input dhe t'i shtojmë atributin pattern, në të cilin do të vendosim një shprehje të rregullt që kontrollon që në input të jetë futur një numër me dy shifra (për shembull, 25).

Fusni çdo numër dhe provoni të klikoni butonin për të dërguar formën. Nëse futet një numër që nuk ka dy shifra, atëherë shfletuesi nuk do të lejojë dërgimin e formës dhe do të shfaqë një mesazh gabimi, ndryshe forma do të dërgohet:

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

Shembull . Fushë e zbrazët

Në shembullin e mëparshëm, shfletuesi shfaqte gabim vetëm në rast se fusha nuk ishte bosh (edhe pse një fushë e zbrazët nuk është numër me dy shifra). Le të përpiqemi ta bëjmë që gabimi të shfaqet edhe për fushën e zbrazët - së bashku me atributin pattern le të shkruajmë edhe atributin required:

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

Shihni gjithashtu

atributi required,
që mund të përdoret për të bërë verifikimin për fushë të zbrazët