javascript - Skapa mailto från formulär med egna fält
Jag har ett HTML-formulär med 3 fält (Namn, E-post och Meddelande) och jag vill skapa ett anpassat mailto med dessa 3 fält men jag vill inte skapa ett fast innehåll som detta:
<a href="mailto:[email ?subject=Subject&body=HelloWorld">Send a mail</a>Är detta möjligt? Om det inte är det, har jag ett annat sätt att göra ett enkelt formulär? Min sida är en landningssida och har bara HTML, CSS och lite JavaScript (även Bootstrap).
--- Redigera ---
Jag hittade detta, till exempel: http://www.techrepublic.com/article/set-up-an-html-mailto-form-without-a-back-end-script/
Men det skriver för mycket information i kroppen, resultatet är bokstavligt:
Name=Your name
[email
Comment=Testing textarea
Submit=Submit
Svar #1
Jag kan svara själv, efter en djup sökning kunde jag lösa mitt problem.
JavaScript :
function sendMail() {
var name = $('#contact #name').val();
var email = $('#contact #email').val();
var message = $('#contact textarea').val();
window.location.href = 'mailto:[email ?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>
Vi kan inte använda ett submit-input, eftersom window.location.href inte fungerar med det; vi behöver använda en knapp som kommer att köra en funktion.
Och det är allt, väldigt enkelt :)
