Ano ang maaaring maging mas madali kaysa sa pag-set up ng isang HTML form na kinukuha ng mga email address, sabihin para sa isang newsletter o mga abiso? Mistyping isang email address sa form na iyon, siyempre, at pagkatapos ay tandaan ang iyong browser na hindi tamang address para sa lahat ng mga form ng pag-signup na darating.
Kung nais mong patunayan ang mga email address na ipinasok sa iyong form ngunit maiwasan ang kumplikadong tinkering at mga script, hinahayaan ka ng HTML5 na umasa sa browser - nang walang pagsisikap, at walang pag-on sa JavaScript.
Patunayan ang Mga Email Address sa HTML5
Upang ma-validate ng mga browser ng mga user ang mga email address habang ipinasok nila ang mga ito sa iyong HTML web form:
- Tiyaking gumamit ka ng HTML5.
- Magagawa mo iyan sa pamamagitan ng paggamit.
- Tukuyin ang elemento ng input ng email address bilang uri ng "email". (Tingnan sa ibaba para sa isang halimbawa.)
Ang mga browser na hindi nakikilala ang uri = "email" ay dapat (at, hangga't masasabi ng isa, ang lahat ay) gamutin ang input field tulad ng isang karaniwang uri = "text" field.
HTML5 Email Address Validation Caveats
Tandaan na ang pagpapatunay ng email sa HTML ng email ay gagana lamang sa mga browser na sumusuporta sa HTML5 at patunayan ang input ng elemento ng form. Para sa iba pang mga browser at backup, maaari mo pa ring patunayan ang mga email address gamit ang PHP , halimbawa.
Ang mga browser na sumusuporta sa validation ng email sa HTML5 ay kasama ang Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ at Opera 10+. Ang Safari 5 at Google Chrome 6-8 ay hindi tatanggap ng di-wastong pag-input ng email address ngunit, hindi katulad ng iba pang mga browser, hindi makakatulong ang user na iwasto ang error.
Halimbawa ng Validation Email Address HTML5
Upang mahikayat ang mga browser ng gumagamit na patunayan ang mga email address gamit ang HTML5, gamitin ang sumusunod na code, halimbawa: