如何使用Javascript表单发送到特定的电子邮件
How to send to a specific email using Javascript forms?
我想拥有它,这样我就可以填写这种表单(下面),然后当我点击"发送"时,它会发送到我输入的特定电子邮件。这意味着,我将声明在"Email"字段中填写的信息作为一个变量,然后以某种方式将"mailto:"链接发送到该电子邮件地址。我真的希望你能理解。我不知道该怎么解释。
这似乎是相对简单的,我只是没有太多的运气(Javascript不是我最强的语言)。
<!DOCTYPE html>
<html>
<body>
<h2>Send e-mail to someone@example.com:</h2>
<form action="MAILTO:someone@example.com" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name" value="your name"><br>
E-mail:<br>
<input type="text" name="mail" value="your email"><br>
Comment:<br>
<input type="text" name="comment" value="your comment" size="50"><br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
</body>
</html>
或者,甚至是一种方法来创建各种联系表单,但它会到您在表单中输入的电子邮件
mailto不能直接与表单一起使用。
但是,你可以这样做:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
</head>
<body>
<h2>Send e-mail to someone@example.com:</h2>
<form action="#" id="myForm">
Name:<br>
<input type="text" name="name" value="your name"><br>
E-mail:<br>
<input type="text" name="mail" value="email@mail.com"><br>
Comment:<br>
<input type="text" name="comment" value="your comment" size="50"><br><br>
<button id="btnSend">Send mail</button>
<input type="reset" value="Reset">
</form>
<script>
$(function(){
$(myForm).submit(function(){
var mailto = "mailto:";
mailto += $("input[name=mail]").val();
mailto += "?subject=Your Email Subject (new comment)";
mailto += "&body=message from : " + $("input[name=name]").val() + " comment : " + $("input[name=comment]").val();
console.log(mailto);
window.open(mailto);
return false;
});
});
</script>
</body>
</html>
基本上,我们汇总字段值并打开一个新的窗口/选项卡,其中mailto为url。
请注意,它将打开用户的邮件客户端(如果他/她有一个),他/她将不得不单击发送邮件。
相关文章:
- 使用angularjs验证文本框中的电子邮件
- 使用正则表达式评估电子邮件地址时出现性能问题
- 使用节点JS发送电子邮件
- 如何在angularjs中使用mailgun发送电子邮件
- 如何使用JQuery检查输入(电子邮件)字段是否包含特殊字符
- 使用emailyak在angularjs函数中发送电子邮件
- 使用React.js+Express.js发送电子邮件
- 处理HTML类型'电子邮件''url'使用JavaScript
- 使用gmail-api发送电子邮件错误:此api不支持解析表单编码的输入
- 使用Javascript或SQL Server将Outlook电子邮件发送到SQL表
- 如何使用Selenium Web驱动程序验证电子邮件
- 电子邮件未使用php邮件功能发送
- 电子邮件确认使用javascript和激活器
- onkeypress电子邮件验证使用ajax js和php
- 如何发送html电子邮件注册表单php,将自动电子邮件我使用ajax
- 保存电子邮件附件使用雷鸟源
- onclick on按钮outlook电子邮件应该使用Javascript或使用anchor标记打开
- 使用angularJS创建动态html电子邮件,使用php创建邮件
- 如何发送pdf文件,通过电子邮件id使用html,javascript和php
- 我如何通过:PHP发送电子邮件,使用Ajax无屏幕刷新,并在表单旁边发布消息,没有屏幕刷新