使用自定义字段从表单创建mailto

时间:2015-09-16 09:34:10

标签: javascript html forms mailto

我有一个包含3个字段(名称,电子邮件和消息)的HTML表单,我想用这3个字段创建自定义mailto,但我不想创建这样的固定内容:

<a href="mailto:mail@company.com?subject=Subject&body=HelloWorld">Send a mail</a>

这可能吗?如果不是,我还有另一种方法可以做一个简单的处方集吗?我的页面是一个登陆页面,只有HTML,CSS和一些JavaScript(Bootstrap)。

---编辑---

我发现了这个,例如:http://www.techrepublic.com/article/set-up-an-html-mailto-form-without-a-back-end-script/

但它在体内写了太多信息,结果是文字:

Name=Your name
E-mail=mail@company.com
Comment=Testing textarea 
Submit=Submit

1 个答案:

答案 0 :(得分:5)

我可以回答自己,经过深入搜索,我可以解决我的问题。

JavaScript的:

function sendMail() {
    var name = $('#contact #name').val();
    var email = $('#contact #email').val();
    var message = $('#contact textarea').val();
    window.location.href = 'mailto:mail@company.com?subject=The subject - ' + name + ' (' + email + ')' + '&body=' + message;
};

HTML:

<form> 
    <input type="text" id="name" name="name" >
    <input type="email" id="email" name="email">
    <textarea rows="5"></textarea>
</form>
<button type="submit" class="btn btn-primary" onclick="sendMail()">Button Text</button>

我们无法使用提交输入,因为 window.location.href 不能使用它;我们需要使用一个运行函数的按钮。

这一切都非常简单:)