I receive emails without data #144

HALLneufmilles · 2024-09-12T09:43:41Z

HALLneufmilles
Sep 12, 2024

Hello,
My project uses Vscode, ViteJS, vanilla Javascript. When I use this line of code, I receive the emails but without the data:
'window.onload = function sendMail() {'.
If I use this line of code, the console indicates "sendMail is not defined":
'function sendMail() {'
With the code below, nothing and no message in the console:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>title</title>
    <script src="https://unpkg.com/scrollreveal"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
    <script type="text/javascript">
      (function () {
        emailjs.init({
          publicKey: "ACCESS KEY",
        });
      })();
    </script>
  </head>
  <body>
      <!-- Contact Section -->
      <section id="contacts">
        <div class="contact-form">
          <h1>Parlons de votre projet</h1>
          <p>N'hésitez pas à me laisser un message, je prendrai contact avec vous très rapidement.</p>
          <form id="contact-form">
            <input type="text" id="user_name" name="user_name" placeholder="Nom" required />
            <input type="number" id="contact_number" name="contact_number" placeholder="Téléphone" />
            <input type="email" id="user_email" name="user_email" placeholder="Email" required />
            <input type="text" id="subject" name="subject" placeholder="Sujet" required />
            <textarea id="message" name="message" cols="30" rows="10" placeholder="Votre message" required></textarea>
            <button type="submit" onclick="sendMail()" class="submit-form-btn">Envoyer</button>
          </form>
        </div>
      </section>
    </main>

    <script type="module" src="/main.js"></script>
  </body>
</html>

import "./style.css";
import emailjs from "@emailjs/browser";

emailjs.init("ACCESS KEY");

document.addEventListener("DOMContentLoaded", function () {
  // ...
  // ...
});

// Formulaires de contact - envoie de l'email
window.sendMail = function () {
  let params = {
    user_name: document.getElementById("user_name").value,
    user_email: document.getElementById("user_email").value,
    subject: document.getElementById("subject").value,
    message: document.getElementById("message").value,
    contact_number: document.getElementById("contact_number").value,
  };

  emailjs
    .send("service_...", "template_...", params)
    .then((response) => {
      alert("Email Sent!");
      console.log("SUCCESS", response);
    })
    .catch((error) => {
      console.error("Failed to send email: ", error);
    });
};

{
  "name": "mvdw",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "vite": "^5.4.1"
  },
  "dependencies": {
    "@emailjs/browser": "^4.4.1",
    "lazysizes": "^5.3.2"
  }
}

xr0master · 2024-09-16T10:15:43Z

xr0master
Sep 16, 2024
Maintainer

Did you check if params exist?
You can check the Network tab in the browser dev panel to see the sent data.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

EmailJS

I receive emails without data #144

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

EmailJS

I receive emails without data #144

Uh oh!

HALLneufmilles Sep 12, 2024

Replies: 1 comment

Uh oh!

xr0master Sep 16, 2024 Maintainer

HALLneufmilles
Sep 12, 2024

xr0master
Sep 16, 2024
Maintainer