Як перевірити електронну адресу в JavaScript

Забезпечення точних введених електронних листів:

Перевірка електронної адреси в JavaScript має вирішальне значення для запобігання помилкам і забезпечення цілісності даних. Незалежно від того, розробляєте ви веб-форму чи сторінку реєстрації користувача, перевірка на стороні клієнта може допомогти виявити типові помилки до того, як вони досягнуть вашого сервера.

Цей посібник покаже вам, як реалізувати перевірку електронної пошти за допомогою JavaScript. Виконуючи цю перевірку на ранніх стадіях процесу, ви можете покращити взаємодію з користувачем і підтримувати чисті дані, зменшуючи ризик того, що недійсні електронні листи порушать ваші робочі процеси.

Розуміння сценаріїв перевірки електронної пошти

Сценарій на стороні клієнта використовує JavaScript для перевірки адрес електронної пошти, перевіряючи введені користувачем шаблони регулярного виразу. The validateEmail функція використовує re.test() метод, щоб зіставити вхідний рядок із шаблоном регулярного виразу, гарантуючи, що він відповідає стандартному формату електронної пошти. Приєднавши прослуховувач подій до події надсилання форми, він запобігає надсиланню форми, якщо електронний лист є недійсним за допомогою event.preventDefault(). Цей підхід допомагає виявляти основні помилки до того, як дані будуть надіслані на сервер, покращуючи взаємодію з користувачем і цілісність даних.

На стороні сервера сценарій використовує Node.js і Express для перевірки серверної частини. The bodyParser.urlencoded() проміжне програмне забезпечення аналізує вхідні тіла запиту, тоді як app.post() метод обробляє запити POST до вказаної кінцевої точки. Те ж саме в обробнику маршруту validateEmail функція використовується для перевірки формату електронної пошти. Залежно від результату клієнту повертається відповідна відповідь. Запуск цього сервера з app.listen() гарантує, що він прослуховує вхідні запити на визначеному порту, роблячи сервер готовим до ефективної перевірки електронних листів.

// Function to validate email format
function validateEmail(email) {
    const re = /^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/;
    return re.test(String(email).toLowerCase());
}

// Example usage
const emailInput = document.getElementById('email');
const form = document.getElementById('form');
form.addEventListener('submit', function(event) {
    if (!validateEmail(emailInput.value)) {
        alert('Please enter a valid email address.');
        event.preventDefault();
    }
});

// Required modules
const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.urlencoded({ extended: true }));

// Function to validate email format
function validateEmail(email) {
    const re = /^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/;
    return re.test(String(email).toLowerCase());
}

app.post('/submit', (req, res) => {
    const email = req.body.email;
    if (validateEmail(email)) {
        res.send('Email is valid');
    } else {
        res.send('Invalid email address');
    }
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

Розширені методи перевірки електронної пошти

Іншим аспектом перевірки електронної пошти є перевірка дійсності домену. Окрім того, що формат електронної пошти правильний, ви можете перевірити доменну частину адреси електронної пошти. Це можна зробити за допомогою DNS-пошуку, щоб підтвердити, що домен має дійсні записи обміну поштою (MX). Цей додатковий крок допомагає фільтрувати електронні листи з неіснуючими доменами, підвищуючи точність перевірки.

У JavaScript ви можете використовувати зовнішній API для виконання DNS-пошуків, оскільки сам JavaScript не може впоратися з цим завданням. Завдяки інтеграції з такою службою, як DNS API, ви можете надіслати запит із доменною частиною електронного листа, і API відповість статусом запису MX. Цей метод забезпечує більш надійний механізм перевірки електронної пошти.

Розширені методи перевірки електронної пошти

Іншим аспектом перевірки електронної пошти є перевірка дійсності домену. Окрім того, що формат електронної пошти правильний, ви можете перевірити доменну частину адреси електронної пошти. Це можна зробити за допомогою DNS-пошуку, щоб підтвердити, що домен має дійсні записи обміну поштою (MX). Цей додатковий крок допомагає фільтрувати електронні листи з неіснуючими доменами, підвищуючи точність перевірки.

У JavaScript ви можете використовувати зовнішній API для виконання DNS-пошуків, оскільки сам JavaScript не може впоратися з цим завданням. Завдяки інтеграції з такою службою, як DNS API, ви можете надіслати запит із доменною частиною електронного листа, і API відповість статусом запису MX. Цей метод забезпечує більш надійний механізм перевірки електронної пошти.