如何在 Js 上将表单中的信息发送到我的电子邮件？

Question

我需要某人填写的表单中的信息，以便在单击按钮时将其发送到我的电子邮件，仅使用 Js，而不使用 php。 我的代码：

我尝试在 php 上做，但我的导师说我应该只做 Js

请帮助我如何做到这一点<3

Answer 1

要仅使用 JavaScript（无需 PHP 等服务器端脚本）将表单中的信息发送到电子邮件，您可以使用 EmailJS 等服务。 示例：

<form id="contact-form">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>

  <label for="message">Message:</label>
  <textarea id="message" name="message" required></textarea>

  <input type="submit" value="Send">
</form>

JavaScript：

<script src="https://cdn.emailjs.com/dist/email.min.js"></script>

emailjs.init("your_user_id");

document.getElementById("contact-form").addEventListener("submit", function (e) {
  e.preventDefault(); // Prevent the default form submission behavior

  // Get the form data
  const formData = new FormData(e.target);

  // Send the email
  emailjs.sendForm("your_service_id", "your_template_id", formData).then(
    function (response) {
      console.log("Email sent successfully", response);
      // You can add code here to show a success message or redirect the user
    },
    function (error) {
      console.error("Email sending failed", error);
      // You can add code here to show an error message
    }
  );
});