2015-09-16 5 views
3

У меня есть HTML-форма с тремя полями (Имя, E-Mail и Message), и я хочу создать пользовательское mailto с этими тремя полями, но я не хочу создавать фиксированный контент, например это:Создать mailto из формы с настраиваемыми полями

<a href="mailto:[email protected]?subject=Subject&body=HelloWorld">Send a mail</a>

возможно ли это? Если это не так, есть ли у меня другой способ сделать простой формуляр? Моя страница является целевой страницей и имеет только HTML, CSS и некоторые JavaScript (Bootstrap тоже).

--- Edit ---

Я нашел это, например: 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 
+1

Так что вам нужно сначала файл JavaScript, чтобы слушать 'представить()' события и выполнять свои задачи. –

+0

И как я могу это сделать? Я новичок в JavaScript. – Aitor

ответ

4

Я могу ответить себе, после глубокого поиска я мог бы исправить свою проблему.

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 не работает с ним; мы должны использовать кнопку, которая будет запускать функцию.

И это все, очень просто :)

Смежные вопросы