Sending email in Javascript

Question

According to Sending emails with Javascript, one way to do it is the following:

function sendMail() {
    var link = "mailto:[email protected]"
             + "[email protected]"
             + "&subject=" + encodeURIComponent("This is my subject")
             + "&body=" + encodeURIComponent(document.getElementById('myText').value)
    ;
    window.location.href = link;
}

However I'm trying to personalize it, sending emails with variables. I did this:

function sendMail(subject="test", body, mail="[email protected]") {
  var link = `mailto:${mail}`
           + "&subject=" + encodeURIComponent(`${subject}`)
           + "&body=" + encodeURIComponent(`${body}`)
  ;
  window.location.href = link;

But, when sending the email, I achieve this fail:

fail (image)

It seems like it is not recognizing each variable. How to solve it?

You're missing the ?, which separates the URL from the query string. Also, a better way to construct a full URL with query string is to use the new URL() object — Terry
– Terry, Commented Aug 18, 2021 at 11:53
Note that you can't rely on your visitor having a mail client installed and working that mailto: can use. I don't have one and mailto: links just don't work for me. If you want to be able to send email from a form pass the message to your server and have that send the message. — Tangentially Perpendicular
– Tangentially Perpendicular, Commented Aug 18, 2021 at 12:00

Hugo · Accepted Answer · 2021-08-18 11:54:31Z

1

The query string should be start with ? not &

change &subject to ?subject

it should be //[email protected]?subject=blahblahblah&body=testtest

answered Aug 18, 2021 at 11:54

Hugo

1064 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Elikill58 · Accepted Answer · 2021-08-18 11:51:17Z

1

The link have to be like that :

var link = `mailto:${mail}`
           + "?subject=" + encodeURIComponent(`${subject}`)
           + "&body=" + encodeURIComponent(`${body}`);

answered Aug 18, 2021 at 11:51

Elikill58

5,04527 gold badges33 silver badges65 bronze badges

Comments

Nimantha · Accepted Answer · 2021-11-01 04:37:17Z

Just try this code for sending email. I am sure it will work..

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://smtpjs.com/v3/smtp.js"></script>  
    <script type="text/javascript">
        function sendEmail() {
            Email.send({
                Host: "smtp.gmail.com",
                Username : "<sender’s email address>",
                Password : "<email password>",
                To : '<recipient’s email address>',
                From : "<sender’s email address>",
                Subject : "<email subject>",
                Body : "<email body>",
            })
            .then(function(message){
                alert("mail sent successfully")
            });
        }
    </script>
</head>
<body>  
    <form method="post">
        <input type="button" value="Send Email" onclick="sendEmail()"/>
    </form>  
</body>

And just remember if you are using JavaScript in any other file then just link it will your HTML file! And this is the not fully coded by me I have done some research from internet.

Collectives™ on Stack Overflow

Sending email in Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related