2013-06-13 106 views
0

当我运行此代码时,我可以发送电子邮件,但我无法将HTML正文加载到电子邮件正文中,请帮助我将html正文加载到电子邮件正文中的JavaScript。使用HTML + Javascript发送电子邮件

<script type="text/javascript"> 
    function sendMail() { 
     var link = 'mailto:[email protected]?subject=Message from ' +document.getElementById('email_address').value +'&body='+document.getElementById('email_address').value; 
     window.location.href = link; 
    } 
</script> 

<body> 
    <form method="post" action=""> 
     <input type="hidden" id="email_address" name="name" placeholder="Enter your email address..." required> 
     <button onclick="sendMail()">Send Email</button> 
     <br> 
     MALE: 
     <td><input type="checkbox" name="Package" value="yes">Yes </td> 
     <td><input type="checkbox" name="Package" value="no">No </td> 
    </form> 
</body> 
+0

你不能。在HTML文档中不可能做到这一点。 –

+0

哦谢谢..那我怎么能这样做?你有任何现成的代码?请帮助我,它相当紧迫..我会很高兴地非常感谢你 – user2481507

回答

0

首先使用jQuery。这是使用Javascript时的事实标准。

完成后,您可以简单地使用$(“body”)。html()来获取文档的html。

+0

非常感谢...我是新来的JQuery你可以请让我知道在这种情况下如何使用它?我如何打电话给Jquery(什么功能,在哪里使用等),再次感谢您的帮助 – user2481507

+0

虽然这不会将电子邮件转换为HTML邮件。它只会将HTML显示为纯文本。这可能不是OP想要的。 –

+0

我以为他只是想要HTML的身体文字? user2481507你能否澄清一下这个问题。您是否想将html简单地作为文本,或者您想要发送一个html电子邮件? – Karlth

0

无法从HTML文档中创建HTML电子邮件(由用户发送)。

您只能用纯文本内容预填充用户的“消息”字段。

为@ user357320表明您可以获取HTML身体,但这样做只会让你的HTML标记的纯文本表示,像

<html> 
<body> 
.... 

而不是实际的真正HTML电子邮件。

+0

使用这个我可以在电子邮件正文中发送带有HTML正文的电子邮件但它不适用于IE后期版本... – user2481507

0

您需要一种服务器端语言来发送电子邮件。有许多。
下面是一个使用PHP

<?php 
$to = "[email protected]"; 
$subject = "Hi!"; 
$body = "Hi,\n\nHow are you?"; 
if (mail($to, $subject, $body)) { 
    echo("<p>Message successfully sent!</p>"); 
    } else { 
    echo("<p>Message delivery failed...</p>"); 
    } 
?> 

你需要做以下(不考虑任何服务器端语言)
1.获取数据,并使用验证JavaScript
2.发送到发送电子邮件的代码数据(使用POST或GET)到服务器端语言
3.在服务器端,你需要从请求对象获取数据
4.使用这些数据来准备你的电子邮件
5.发送电子邮件


参照您的片断
HTML代码:

<form method="post" action="sendemail.php"> 
<input type="hidden" id="email_address" name="name" placeholder="Enter your email 
address..." required> 
<input type="submit" value="Send Email" /> 
<br> 
MALE: 
<td><input type="checkbox" name="Package" value="yes">Yes </td> 
<td><input type="checkbox" name="Package" value="no">No </td> 
</tr> 
    </form> 

PHP代码:

<?php 
    $package = $_REQUEST['Package']; // It is the name you give to input elements 
    ... 
    ... // Same code as above (prepare email and sent) 
    ... 
?> 

在你提交代码到PHP,你可以验证它。
这会给你流程的想法