【问题标题】:Emailing HTML form with a user input subject通过电子邮件发送带有用户输入主题的 HTML 表单
【发布时间】:2013-05-29 12:38:16
【问题描述】:

我在这里的第一篇文章。我一直在尝试创建可通过电子邮件发送的 HTML 表单,它将信息发送到内部票务系统。表单需要包含特定的信息——因此是表单菜单——以及人们可以编写描述的主题。现在,我已经尝试使用 Outlook 创建一个电子邮件模板,但我还没有找到让我的信息正确显示的方法。

相反,我一直在使用 HTML java 脚本表单,但我不能完全理解它以允许用户更改主题并从表单发送信息。任何人都可以帮忙吗?我愿意尝试任何发送人们认为可能有效的表格的方法,我目前的方法有点尴尬。

当前的非功能性尝试。我在这方面还很陌生,任何帮助、指导或将我链接到我可能会找到可以帮助我解决这个问题的东西的地方都将不胜感激。

编辑:我应该补充一点,html 表单是在人们的机器上本地运行的,我怀疑这意味着我必须通过使用表单的每台计算机上的服务器安装人们用来执行此操作的任何语言,而不是不过试过了。

编辑 2:更新,尝试 jquery,但不工作。以前根本没用过。现在在网上看,但谁能帮我节省一些时间,告诉我我犯了什么愚蠢的错误,导致这个无效?

编辑 3:固定语法,但仍然无法正常工作

<!DOCTYPE html>
<html>

<head>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js">
$(function (){
$("#test").submit(function (){
$(this).attr('action','mailto:test@email.com?subject=' + $("#sub").val());
});
});    
</script>
</head> 

<body>

<form method="get" enctype="text/plain" id="test">
  <input type = "text" name = "sub" id = "sub" size = "44">
  <select name="Test">
   <option value="test1">test1</option>
   <option value="test2">test2</option>
   <option value="test3">test3</option>
   <option value="test4">test4</option>
  </select>
</form>

</body>
</html>

【问题讨论】:

标签: javascript jquery html forms html-email


【解决方案1】:

Jquery 非常简单

<form method="get" enctype="text/plain" id="test">
  <input type = "text" name = "sub" id = "sub" size = "44">
  <select name="Test">
   <option value="test1">test1</option>
   <option value="test2">test2</option>
   <option value="test3">test3</option>
   <option value="test4">test4</option>
  </select>
</form>

Jquery

$(function (){
 $("#test").submit(function (){
    $(this).attr('action','mailto:test@email.com?subject=' + $("#sub").val());
 });
});

但我建议您使用服务器端客户端邮件。 Example with php

【讨论】:

  • 我想是那个人写的更正,我什至做不到:p
【解决方案2】:

您可以查看 PHP 邮件功能: http://www.php.net/manual/en/book.mail.php

此外,请了解为什么这是一个坏主意,存在潜在的安全风险: Why shouldn't I use PHP's mail() function?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-03-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-20
    • 1970-01-01
    相关资源
    最近更新 更多