從自定義字段的表單創建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

回答

相關問題