从自定义字段的表单创建mailto

我有一个带有3个字段（名称，电子邮件和消息）的HTML表单，我想创建一个具有这3个字段的自定义mailto，但我不想创建一个像这样的：从自定义字段的表单创建mailto

<a href="mailto:[email protected]?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 
[email protected] 
Comment=Testing textarea 
Submit=Submit

来源

2015-09-16 Aitor

所以，你首先需要一个JavaScript文件，以听'提交（）'事件并执行任务。 –

我该怎么做？我是JavaScript新手。 – Aitor

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

的JavaScript：

function sendMail() { 
    var name = $('#contact #name').val(); 
    var email = $('#contact #email').val(); 
    var message = $('#contact textarea').val(); 
    window.location.href = 'mailto:[email protected]?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不使用它;我们需要使用一个将运行一个函数的按钮。

而这一切都非常简单:)

来源

2015-09-17 06:32:27 Aitor

从自定义字段的表单创建mailto

回答

相关问题