Что может быть проще, чем создать HTML-форму, которая захватывает адреса электронной почты, например, для бюллетеня или уведомлений? Разумеется, неправильный адрес электронной почты в этой форме, а затем ваш браузер помнит тот неправильный адрес для всех форм регистрации.
Если вы хотите проверить адреса электронной почты, введенные в вашу форму, но избегайте сложных мастерингов и скриптов, HTML5 позволяет вам полагаться на браузер - без усилий и без обращения к JavaScript.
Проверка адресов электронной почты с помощью HTML5
Чтобы браузеры пользователей проверяли адреса электронной почты по мере их ввода в вашей веб-форме HTML:
- Убедитесь, что вы используете HTML5.
- Укажите элемент ввода формы электронной почты как тип «email». (См. Ниже пример).
Браузеры, которые не распознают тип = «email», должны (и, насколько можно судить, все будут) обрабатывать поле ввода как обычный тип = «текст».
Предостережения по HTML-адресу HTML5
Обратите внимание, что проверка адреса электронной почты HTML будет работать только в браузерах, поддерживающих HTML5 и проверяющих ввод элементов формы. Например, для других браузеров и резервного копирования вы все равно можете проверять адреса электронной почты с помощью PHP.
Браузеры, поддерживающие проверку адресов электронной почты HTML5, включают Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ и Opera 10+. Safari 5 и Google Chrome 6-8 не будут принимать недопустимый ввод адреса электронной почты, но, в отличие от других браузеров, не помогут пользователю исправить ошибку.
Пример проверки адреса электронной почты HTML5
Чтобы включить браузеры пользователей для проверки адресов электронной почты с помощью HTML5, используйте следующий код, например:
