Çfarë mund të jetë më e lehtë se sa të krijoni një formular HTML që kap adresat e postës elektronike, të thoni për një buletin apo njoftime? Mistyping një adresë e-mail në atë formë, natyrisht, dhe pastaj e keni shfletuesin tuaj të mbani mend se adresa e gabuar për të gjitha format e hyrjes që do të vijnë.
Nëse doni të vërtetoni adresat e emailit të futura në formën tuaj, por shmangni ngatërresat dhe skriptet e komplikuara, HTML5 ju lejon të mbështeteni në shfletuesin - pa përpjekje dhe pa u kthyer në JavaScript.
Validoni adresat e emailit me HTML5
Që të kenë shfletuesit e përdoruesve të vërtetojnë adresat e e-mailit teksa futen në formatin tuaj HTML:
- Sigurohuni që përdorni HTML5.
- Ju mund ta bëni këtë duke përdorur.
- Specifikoni elementin e hyrjes së formularit të adresës së postës elektronike si lloj "email". (Shih më poshtë për një shembull.)
Shfletuesit që nuk e njohin type = "email" duhet (dhe, aq sa mund të thuhet, të gjitha do të) trajtojnë fushën e futjes si një fushë të zakonshme type = "text".
Parametrat e validimit të emailit HTML5
Vini re se validimi i adresës së email-it HTML do të funksionojë vetëm në shfletues që mbështesin HTML5 dhe vërtetojnë hyrjen e elementit të formës. Për shfletuesit e tjerë dhe rezervë, mund të vërtetoni ende email adresat duke përdorur PHP , për shembull.
Shfletuesit që mbështesin validimin e adresës së emailit HTML5 përfshijnë Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ dhe Opera 10+. Safari 5 dhe Google Chrome 6-8 nuk do të pranojnë hyrje të pavlefshme të adresës së postës elektronike por, ndryshe nga shfletuesit e tjerë, nuk do të ndihmojnë përdoruesin të korrigjojë gabimin.
Shembull i validimit të adresave të HTML5
Për të angazhuar shfletuesit e përdoruesve për të vërtetuar adresat e emailit me HTML5, përdorni kodin e mëposhtëm, për shembull: