Send email from HTML page using JS

Question

I'm trying to send a mail from a html page using the below:

<script>
    function sendMail() {
    var link = "mailto:[email protected] &subject=" + encodeURIComponent(document.getElementById('myText').value)
             + "&body=" + encodeURIComponent(document.getElementById('myText2').value)
    ;
    
    window.location.href = link;
}
  </script>


 <!-- Contact Form -->
 <div class="col-md-6 contact">
    <form role="form">
               <!-- Name -->
               <div class="row">
                   <div class="col-md-6">
                       <!-- E-Mail -->
                       <div class="form-group">
                           <input type="text" class="form-control" placeholder="Your name" id="myText">
                       </div>
                   </div>
                   <div class="col-md-6">
                       <!-- Phone Number -->
                       <div class="form-group">
                           <input type="email" class="form-control" placeholder="Email address">
                       </div>
                   </div>
               </div>
               <!-- Message Area -->
               <div class="form-group">
                   <textarea class="form-control" placeholder="Write you message here..." style="height:232px;" id="myText2"></textarea>
               </div>
               <!-- Subtmit Button -->
               <button type="submit" class="btn btn-send" onclick="sendMail(); return false">
                   Send message
               </button>
           </form>
 </div>

When I press button to click all of the data ends up in the default mail apps "To:" Text input area. Can anyone tell me how to split out the subject and body correctly?? I'd like these to go into the subject and body sections of the email by default.

[email protected] &subject= should be [email protected]?subject= - question mark and no space. — phuzi
– phuzi, Commented Dec 16, 2021 at 19:17

blecovich · Accepted Answer · 2021-12-16 18:58:30Z

1

Your query string variables should start with "?", not "&".

var link = "mailto:[email protected]?subject=" + encodeURIComponent(document.getElementById('myText').value)
             + "&body=" + encodeURIComponent(document.getElementById('myText2').value)
    ;

answered Dec 16, 2021 at 18:58

blecovich

1061 silver badge6 bronze badges

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

1 Comment

D. West Over a year ago

Works perfectly now thank you! :)

Collectives™ on Stack Overflow

Send email from HTML page using JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related