Cách gửi email bằng HTML và JS sử dụng SMTP

Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.

Để gửi email bằng HTML và JavaScript thông qua SMTP, bạn sẽ cần sử dụng một thư viện JavaScript để thực hiện việc này. Một trong những thư viện phổ biến là SMTP.js.

Dưới đây là một ví dụ cơ bản về cách sử dụng SMTP.js để gửi email thông qua SMTP:

Tải xuống SMTP.js từ trang web chính thức (https://smtpjs.com/) và đưa nó vào thư mục js của trang web của bạn.
Thêm đoạn mã sau vào trang HTML của bạn để tạo một biểu mẫu gửi email:

<form id="email-form">
<label for="to">Đến:</label>
<input type="email" id="to" name="to" required><br><br>
<label for="subject">Tiêu đề:</label>
<input type="text" id="subject" name="subject" required><br><br>
<label for="body">Nội dung:</label><br>
<textarea id="body" name="body" rows="5" cols="30" required></textarea><br><br>
<button type="submit">Gửi</button>
</form>

</form>

Thêm đoạn mã JavaScript sau vào trang web của bạn để gửi email khi người dùng nhấp vào nút “Gửi”:

// Đăng ký sự kiện submit của biểu mẫu gửi email
document.getElementById('email-form').addEventListener('submit', function(event) {
  event.preventDefault(); // Ngăn chặn biểu mẫu gửi email được gửi đi theo cách thông thường


  // Lấy thông tin từ biểu mẫu gửi email
  var to = document.getElementById('to').value;
  var subject = document.getElementById('subject').value;
  var body = document.getElementById('body').value;


  // Gửi email bằng SMTP
  Email.send({
    SecureToken: "your_secure_token_here", // Thay thế bằng mã thông báo bảo mật của bạn
    To: to,
    From: "your_email_address_here", // Thay thế bằng địa chỉ email của bạn
    Subject: subject,
    Body: body
  }).then(
    message => alert("Email đã được gửi đi!") // Thông báo khi email được gửi đi thành công
  );
});

// Đăng ký sự kiện submit của biểu mẫu gửi email

document.getElementById('email-form').addEventListener('submit', function(event) {

event.preventDefault(); // Ngăn chặn biểu mẫu gửi email được gửi đi theo cách thông thường

// Lấy thông tin từ biểu mẫu gửi email

var to = document.getElementById('to').value;

var subject = document.getElementById('subject').value;

var body = document.getElementById('body').value;

// Gửi email bằng SMTP

Email.send({

SecureToken: "your_secure_token_here", // Thay thế bằng mã thông báo bảo mật của bạn

To: to,

From: "your_email_address_here", // Thay thế bằng địa chỉ email của bạn

Subject: subject,

Body: body

}).then(

message => alert("Email đã được gửi đi!") // Thông báo khi email được gửi đi thành công

);

});

Lưu ý rằng bạn cần thay thế your_secure_token_here bằng mã thông báo bảo mật của bạn, và your_email_address_here bằng địa chỉ email của bạn. Mã thông báo bảo mật có thể được tạo bằng cách đăng ký tài khoản trên trang web SMTP.js.

Ngoài ra, để sử dụng SMTP.js, trình duyệt của người dùng cần hỗ trợ JavaScript và có kết nối Internet để gửi email.

Site map

Facebook Fanpage