Нередко при регистрации нужно проверить правильность электронного адреса. Зачем? Чтобы пользователь не мог ввести несуществующий e-mail. Это быстрая проверка на стороне клиента, которая совершенно не заставит ждать. Если же ввод неправильный, пользователь получит сообщение об ошибке и возможность исправить введенный адрес.
Чтобы проверить e-mail в JavaScript, мы используем jQuery.
В сети регулярок полно, но нужно понимать, каким именно следует воспользоваться. Вот часть кода:
Наше регулярное выражение выглядит следующим образом:
А вод полный программный код, который отвечает на поставленный вопрос:
Вот только вы должны помнить, что проверку следует также реализовать и на стороне сервера.
Вообще, полная проверка электронного адреса должна производиться именно на стороне сервера по факту отправки формы. Но основная идея состоит в том, чтобы как минимум корректность написания e-mail “прощупать” еще на стороне клиента и выдать предупреждающее сообщение, если введенное формату не соответствует.
Давайте рассмотрим проверку соответствия введенного текста формату e-mail адреса более подробно.
Это будет несложная страничка с подключенной библиотекой jQuery. Обратите внимание, что в “голове” между тегами <script> </script> остается место для написания кода:
Данное событие вызывается в тот момент, когда элемент теряет фокус. На этом и будет основываться процесс проверки: пользователь задействует поле e-mail, введет в него электронный адрес и убирает курсор мышки. В этот момент теряется фокус элемента (поля для ввода e-mail) и происходит проверка:
Это первое, что делается перед тем, как проверить e-mail в JavaScript. Если поле оказывается пустым, мы “выбрасываем” предупреждение: