创建按钮以从输入中获取值并打开默认电子邮件客户端?

时间:2015-11-25 22:10:30

标签: javascript jquery email

我有一个表单中的按钮,我想从附近的输入中收集值(这是一个电子邮件地址),并使用默认的电子邮件客户端构建一个电子邮件。这将与您的标准电子邮件链接类似:

<a href="mailto:someone@example.com?Subject=Test" target="_blank">

仅在我的实例中,它是构建电子邮件的按钮,它还会收集值。到目前为止我所拥有的:

HTML

<input class="an-input" type="text">
<button class="ui-state-default inputButton an-button">SEND</button>

JS:

var ACEbutton = conf._input.find('.an-button');
ACEbutton.click(function() {
    var inputValue = conf._input.find('input').val();
    var subject = "This is a subject";
    var subjectEncoded = encodeURIComponent(subject);
    document.getElementById('emailMe').href = "mailto:'+inputValue+'?subject=" + subjectEncoded;
} );

现在的代码并不打开电子邮件。

2 个答案:

答案 0 :(得分:1)

你应该在连接之前结束字符串语句。如果你用双引号开始一个字符串,你应该用双引号结束它。单引号也是如此。

document.getElementById('emailMe').href = "mailto:"+inputValue+"?subject=" + subjectEncoded;

而不是

document.getElementById('emailMe').href = "mailto:'+inputValue+'?subject=" + subjectEncoded;

答案 1 :(得分:1)

//fix syntax like Ricardo said
document.getElementById('emailMe').href = "mailto:"+inputValue+"?subject=" + subjectEncoded;
//trigger email client
document.getElementById("emailMe").click();