Cara Mengesahkan Alamat E-mel dalam JavaScript

Pengesahan E-mel Bahagian Pelanggan Menggunakan JavaScript

JavaScript untuk Pengesahan Front-End

// 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();
    }
});

Pengesahan E-mel Bahagian Pelayan Menggunakan Node.js

Node.js untuk Pengesahan Back-End

// 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');
});

Soalan dan Jawapan Biasa tentang Pengesahan E-mel

1. Apakah cara paling mudah untuk mengesahkan alamat e-mel dalam JavaScript?
2. Cara paling mudah ialah menggunakan ungkapan biasa dengan test() kaedah.
3. Mengapakah pengesahan pihak pelanggan penting?
4. Ia meningkatkan pengalaman pengguna dengan memberikan maklum balas segera dan mengurangkan beban pelayan yang tidak diperlukan.
5. Bolehkah JavaScript mengesahkan domain alamat e-mel?
6. JavaScript sahaja tidak boleh, tetapi anda boleh menggunakan API luaran untuk melakukan carian DNS.
7. Apa yang event.preventDefault() kaedah lakukan dalam pengesahan e-mel?
8. Ia menghalang borang daripada diserahkan jika pengesahan e-mel gagal, membolehkan pengguna membetulkan input.
9. Bagaimanakah pengesahan pihak pelayan melengkapkan pengesahan pihak klien?
10. Pengesahan bahagian pelayan bertindak sebagai lapisan pertahanan kedua, menangkap ralat atau input berniat jahat yang terlepas oleh pengesahan pihak klien.
11. Kenapa guna express() dalam pengesahan e-mel sebelah pelayan?
12. Express ialah rangka kerja web untuk Node.js yang memudahkan pengendalian permintaan dan respons HTTP.
13. Apakah peranan bodyParser.urlencoded() bermain dalam pengesahan sisi pelayan?
14. Ia menghuraikan badan permintaan masuk, menjadikan data borang boleh diakses dalam pengendali permintaan.
15. Adakah perlu untuk mengesahkan alamat e-mel pada pelayan?
16. Ya, pengesahan pihak pelayan memastikan integriti dan keselamatan data, walaupun pengesahan pihak klien dipintas.
17. Bagaimanakah anda boleh memastikan domain e-mel wujud?
18. Dengan melakukan carian DNS menggunakan API luaran untuk menyemak rekod MX.

Pemikiran Akhir tentang Pengesahan E-mel

Mengesahkan alamat e-mel dalam JavaScript sebelum menghantarnya ke pelayan adalah langkah penting dalam mencegah ralat pengguna dan memastikan ketepatan data. Dengan melaksanakan kedua-dua pengesahan sisi klien dan sisi pelayan, anda mencipta aplikasi yang lebih dipercayai dan selamat. Menggunakan ungkapan biasa untuk semakan format dan carian DNS untuk pengesahan domain boleh mengurangkan entri tidak sah dengan ketara, menjimatkan masa dan sumber dalam jangka masa panjang. Dengan teknik ini, pembangun boleh meningkatkan pengalaman pengguna dan mengekalkan integriti sistem mereka.