使用HTML + Javascript发送电子邮件

Question

当我运行此代码时，我能够发送电子邮件，但无法将HTML正文加载到Email正文中，请帮助我使用Javascript将html正文加载到电子邮件正文中。

<script type="text/javascript">
    function sendMail() {
        var link = 'mailto:hello@domain.com?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>

Answer 1

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

完成后，您只需使用$（“ body”）。html（）来获取文档的html。

Answer 2

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

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

您可以按照@ user357320的建议获取HTML正文，但这只会为您提供HTML标签的纯文本表示形式，例如

<html>
 <body>
....

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

Answer 3

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

<?php
 $to = "recipient@domain.com";
 $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之前，您可以对其进行验证。
这会给你关于流程的想法

使用HTML + Javascript发送电子邮件

问题描述

3 个解决方案

解决方案1
0 2013-06-13 09:23:01

解决方案2
0 2013-06-13 09:26:42

解决方案3
0 2013-06-13 09:34:07

使用HTML + Javascript发送电子邮件

问题描述

3 个解决方案

解决方案1 0 2013-06-13 09:23:01

解决方案2 0 2013-06-13 09:26:42

解决方案3 0 2013-06-13 09:34:07

解决方案1
0 2013-06-13 09:23:01

解决方案2
0 2013-06-13 09:26:42

解决方案3
0 2013-06-13 09:34:07