Как отправить по электронной почте информацию с помощью mandrill

Question

Я создал веб-сайт, который имеет форму с несколькими полями, и я пытаюсь получить кнопку для отправки мне по электронной почте введенной информации. Я пытался узнать об API Mandrill в академии кода, но я могу быть открыт для других методов, которые выполняют ту же задачу. Вот что у меня так далеко:

<div id="contactUs">
    <div class="container">

    <div class="row form-group">

        <div class="col-sm-6">
            <input class="form-control" id="email" placeholder="Your Email Address">
        </div><!-- end col-sm-6 -->

        <div class="col-sm-6">
            <input class="form-control" id="organization" placeholder="Organization or Company Name">
        </div><!-- end col-sm-6 -->

    </div><!-- end form-group -->

    <div class="row form-group">

        <div class="col-sm-6">
            <input class="form-control" id="name" placeholder="Your Name">
        </div><!-- end col-sm-6 -->

        <div class="col-sm-6">
            <input class="form-control" id="phone" placeholder="Phone Number">
        </div><!-- end col-sm-6 -->

    </div><!-- end form-group -->

    <div class="row form-group">

        <div class="col-sm-12">
            <button onclick="sendTheMail(); return false;" class="btn btn-default pull-right" id="alertMe">Contact Us</button>
        </div><!-- end col-sm-6 -->

    </div><!-- end form-group -->
</div><!-- end container -->
</div><!-- end contactUs -->

И JS..

// create a variable for the API call parameters
var params = {
    "message": {
        "from_email":"[e-mail]",
        "to":[{"email":"[e-mail]"}],
        "subject": "An Inquiry from your website",
        "text": "Static text.. but how do i link the information entered in the fields to show up here?"
    }
};

function sendTheMail() {
// Send the email!

    m.messages.send(params);
}

Должен быть способ связать информацию из полей с JS?.. Я все еще новичок... Любые советы, как стать лучше на JS.. Пожалуйста, дайте мне знать.

Answer 1

Вы можете получить элементы по их идентификатору и получить значение из элемента. Код ниже должен работать. Я считаю, что Mandrill допускает сообщения html, поэтому, если вы хотите, вы можете добавить html в переменную emailBody, чтобы сделать электронную почту более привлекательной.

function sendTheMail() {
var email = document.getElementById('email').value;
var name = document.getElementById('name').value;
var phone = document.getElementById('phone').value;
var organization = document.getElementById('organization').value;
var emailBody = "<b>Email: </b>" + email + "<br><b>Name: </b>" + name + "<br><b>Phone: </b>" + phone + "<br><b>Organization: </b>" + organization;
var params = {
"message": {
    "from_email":"[e-mail]",
    "to":[{"email":"[e-mail]"}],
    "subject": "An Inquiry from your website",
    "text": emailBody
    }
};
m.messages.send(params);

}