Наприклад, перевірка електронної пошти за допомогою JavaScript (Regex)
Javascript / / April 15, 2023
Багато разів нам доводиться перевіряти, чи адресу електронної пошти введено в певне поле нашої форми. дійсний email. У цій статті ми дізнаємося, як перевіряти електронні листи за допомогою регулярних виразів (також відомих як регулярні вирази) у JavaScript.
Зміст статті.
- • Що таке регулярний вираз (регулярний вираз)?
- • Перевірка електронної пошти за допомогою регулярного виразу
- • Приклад повної форми
- • Переваги та недоліки перевірки за допомогою JavaScript
Що таке регулярний вираз (регулярний вираз)?
Регулярний вираз — це послідовність символів, яка визначає шаблон пошуку. У цьому випадку ми хочемо знайти шаблон, який представляє дійсну адресу електронної пошти.
Регулярні вирази — це потужний і гнучкий інструмент для роботи з текстовими рядками та перевірки вхідних даних.
Перевірка електронної пошти за допомогою регулярного виразу
Щоб переконатися, що електронний лист дійсний, ми маємо перевірити, чи правильний формат, тобто чи містить @ і домен. Для цього ми використовуємо такий вираз:
вар регулярний вираз = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;
Приклад повної форми
У наступному прикладі ми показуємо, як перевірити адресу електронної пошти за допомогою JavaScript і регулярного виразу. Кроки, які ми виконуємо:
- Визначаємо функцію, яка називається
validateMail
який приймає як аргумент електронний лист для перевірки. - Створюємо змінну
регулярний вираз
Містить регулярний вираз для перевірки електронної пошти. - Використовуємо метод
тест()
регулярного виразу, щоб перевірити, чи введена електронна адреса відповідає шаблону. - Якщо адреса електронної пошти дійсна, ми показуємо сповіщення про те, що вона дійсна; інакше ми показуємо попередження про те, що воно недійсне.
- У HTML ми створюємо поле введення типу "email" і кнопку, яка при натисканні викликає функцію
validateMail
зі значенням, введеним у поле введення.
функція validateEmail (mail) {
// Регулярний вираз для перевірки електронної пошти
var regex = /^[w-]+([w-]+)*@[w-]+([w-]+)*.[a-zA-Z]{2,}$/;
// Перевірте, чи лист відповідає шаблону, визначеному регулярним виразом
if (regex.test (пошта)) {
alert("Дійсна електронна адреса");
} else {
alert ("Недійсна електронна адреса");
}
}
Перевірка електронної пошти за допомогою JavaScript і регулярного виразу
Переваги та недоліки перевірки за допомогою JavaScript
Перевірка вхідних даних, таких як адреси електронної пошти, за допомогою JavaScript на стороні клієнта має переваги та недоліки:
Переваги | Недоліки |
---|---|
Миттєвий зворотній зв'язок для користувача | Не є безпечним |
Менше навантаження на сервер | Кросбраузерна сумісність |
Покращте взаємодію з користувачем | Дублювання зусиль (клієнт/сервер) |
Скорочення часу відгуку | Не замінює перевірку на стороні сервера |
Перевірка даних за допомогою JavaScript не замінює перевірку на стороні сервера. Однак це допомагає знизити навантаження. Щоб перевірити дані на стороні сервера, рекомендую прочитати:
- Перевірка пошти за допомогою PHP
Як цитувати? Пікардо, А. і Дель Мораль, М. (s.f.). Приклад перевірки електронної пошти за допомогою JavaScript. Приклад. Отримано 15 квітня 2023 року з https://www.ejemplode.com/24-javascript/57-ejemplo_de_validacion_de_correo_electronico_con_javascript.html