Breaking News: Grepper is joining You.com. Read the official announcement!

how to send form data to email using javascript

DannyGlade answered on June 28, 2022 Popularity 3/10 Helpfulness 8/10

answer how to send form data to email using javascript

related js send email via form

how to send form data to email using javascript

Comment

const form = document.getElementById('form')
// selected form from DOM

form.addEventListener('submit', (e) => { // added submit event listener on form
  e.preventDefault() // preventing page reload
  const formData = new FormData(form) // got formdata
  const FirstName = formData.get('FirstName')
  const Email = formData.get('Email')

  const body = 
  `FirstName=${FirstName}
  Email=${Email}`
  // created body string 
  
  const uri = `mailto:your@email.com?body=${encodeURIComponent(body)}`;
  // created final uri to redirect to
  window.location.href = uri
  // redirected to the uri
})

// this is the HTML form 
// this form can redirect to mail with body on its own but as shown above it is also possible in js
// <form id='form' action="mailto:you@yourdmainhere.com" method="post" enctype="text/plain" >
// 	FirstName:<input type="text" name="FirstName">
// 	Email:<input type="text" name="Email">
// 	<input type="submit" name="submit" value="Submit">
// </form>

Popularity 3/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: email form-data javascript send using

Link to this answer
Share Copy Link

Contributed on Jun 28 2022

DannyGlade

0 Answers Avg Quality 2/10

Closely Related Answers

js send email via form

Comment

window.open('mailto:test@example.com?subject=subject&body=body');

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript email send emai

Link to this answer
Share Copy Link

Contributed on Jan 17 2024

KostasX

0 Answers Avg Quality 2/10

how to send form data to email using javascript

Contents

More Related Answers

how to send form data to email using javascript

Closely Related Answers

js send email via form

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.