javascript - 如何使用 mandrill 通过电子邮件发送表单信息

Question

我创建了一个网站，该网站有一个包含多个字段的表单，我正在尝试让按钮实际通过电子邮件将输入的信息发送给我。我一直在尝试了解代码学院的 Mandrill API，但我可能对完成相同任务的其他方法持开放态度。这是我到目前为止所拥有的:

<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":"staticallyanyone@anywhere.net",
        "to":[{"email":"myemail@hotmail.com"}],
        "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

您可以通过元素的 id 获取元素并从元素中获取值。下面的代码应该可以工作。我相信 Mandrill 允许 html 消息，因此如果您愿意，可以在 emailBody 变量中修饰 html 以制作更具吸引力的电子邮件。

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":"staticallyanyone@anywhere.net",
    "to":[{"email":"myemail@hotmail.com"}],
    "subject": "An Inquiry from your website",
    "text": emailBody
    }
};
m.messages.send(params);