Какво може да бъде по-лесно от създаването на HTML формуляр, който улавя имейл адреси, например за бюлетин или известия? Заблуждавайки имейл адрес в тази форма, разбира се, а след това браузърът ви помни, че неправилен адрес за всички формуляри за регистрация, които идват.
Ако искате да потвърдите имейл адресите, въведени във формуляра си, но избягвайте сложните тигри и скриптове, HTML5 ви позволява да разчитате на браузъра - без усилие и без да се обърнете към JavaScript.
Потвърдете имейл адресите с HTML5
За да имате браузърите на потребителите да валидират имейл адресите, докато ги въвеждат във вашия HTML уеб формуляр:
- Уверете се, че използвате HTML5.
- Можете да го направите, като използвате.
- Посочете елемента за въвеждане на формуляр за имейл адрес като тип "имейл". (Вижте по-долу за пример.)
Браузърите, които не разпознават тип = "имейл" трябва (и, доколкото може да се каже, всички ще) да третират входното поле като обикновен тип = "текстово" поле.
Удостоверения за валидиране на имейл адреса на
Имайте предвид, че валидирането на HTML имейл адрес ще работи само в браузъри, които поддържат HTML5 и потвърждават входния елемент на формуляра. За други браузъри и резервни копия все още можете да валидирате имейл адресите чрез PHP .
Браузърите, които поддържат валидиране на имейл адреси в HTML5, включват Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ и Opera 10+. Safari 5 и Google Chrome 6-8 няма да приемат невалиден имейл адрес, но за разлика от другите браузъри няма да помогне на потребителя да коригира грешката.
Пример за потвърждаване на имейл адреса на HTML5
За да включите браузърите на потребителите, за да валидирате имейл адреси с HTML5, използвайте следния код, например: