javascript - 如何在自提交表单上使用 mailto？

Question

我必须对现有代码进行修改，而且我正在努力使用 mailto 函数。我希望当我提交我的表单时，预填充的邮件会打开 Outlook(或配置的任何其他邮件程序)，以便用户可以检查是否一切正常，然后提交带有表单数据的邮件。

我想使用 mailto: 因为目前该页面(在本地服务器上，而不是在 Internet 上)只能在 IE 上运行(最后一个开发人员使用了 ActiveX 数据对象，但它没有)不适用于 Edge/Chrome/Firefox)。

我已经尝试将 mailto: 放入表单的 action 标记中，但没有用，我也尝试了一些 javascript，但同样的事情发生了。此外，我的表单使用 $_SERVER['PHP_SELF'] 全局变量提交给自身。

表格/代码很大，所以我只会把可能对你有用的部分帮助我。

这是我使用的表格:

echo "<FORM action=". $_SERVER['PHP_SELF'] . " name=\"form\" method=\"POST\">";
"my form here"
echo "<input type=\"submit\" name=\"Envoyer\" value=\"Send\"/>";
echo "</FORM>";

然后，我想从表单中获取数据，并在用户点击提交按钮时打开一个邮件程序，其中包含一封预填充的邮件，其中包含数据。

这是我使用的:

echo "<script>
    var email = $maildest;
    var subject = \"Request of the user\";
    var emailBody = $MAIL;
    window.location = \"mailto:\"+email+\"?subject=\"+subject+\"&body=\"+emailBody;";
    echo "</script>";
echo "An OUTLOOK window opened with the informations you entered. <br/>Send the email so we can take it into account.<br/>
exit(0);

我没有收到任何错误消息，页面工作正常，但是当我点击提交按钮时没有任何反应，甚至邮件程序打开窗口或其他任何东西都没有。我确定我缺少某些东西，而且我对 php/html/javascript 有点生疏，所以我来这里寻求您的帮助。

Answer 1

如果你不回显内容，它会更容易阅读

如果这样做，您需要连接 PHP 样式并为 JavaScript 使用反引号
注意:您需要为带有 ${} javascript 变量的行加上单引号，否则 $ 会被解释为:

echo "<script> 
      var email = \"".$maildest."\"; 
      var subject = encodeURIComponent(\"Request of the user\"); 
      var emailBody = encodeURIComponent(\`".$MAIL."\`);"
echo 'window.location = `mailto:${email}?subject=${subject}&body=${emailBody}`;';
echo "</script>"; 

请注意 $MAIL 和最后一行的反引号，因为那里可能有换行符

还需要转义空格和特殊字符

查看控制台 - mailto 通常作为表单操作工作得更好

没有 echo :

?>
An OUTLOOK window opened with the informations you entered. <br/>Send the email so we can take it into account.<br/>
<script>
    var email = "<?= $maildest ?>";
    var subject = encodeURIComponent("Request of the user");
    var emailBody = encodeURIComponent(`<?= $MAIL ?>`);
    window.location = `mailto:${email}?subject=${subject}&body=${emailBody}`;
    </script>
<? 
exit(0);
?>

这是一个不使用服务器的版本:

window.addEventListener("load", function() {
  document.getElementById("form").addEventListener("submit", function(e) {
    e.preventDefault();
    var email = this.email.value,
      subject = encodeURIComponent("Request of the user"),
      elements = this.elements,
      emailTexts = [];
      
      [...elements].forEach(function(ele) {
        if (ele.type!="submit") emailTexts.push(ele.name + ":" + ele.value)
      })
    var emailBody = encodeURIComponent(emailTexts.join("\n"));
    var loc = `mailto:${email}?subject=${subject}&body=${emailBody}`;
    console.log(loc)
    window.location = loc;
  });
});

An OUTLOOK window will open with the informations you enter. <br/>Send the email so we can take it into account.<br/>
<form id="form" ....>
  Email: <input type="text" name="email" value="" /><br/> Name: <input type="text" name="Name" value="" /><br/> Comment: <textarea name="Comment"></textarea><br/>
  <input type="submit" />
</form>