用流星/Javascript发送带有联系表单数据的电子邮件给我自己
Send an email with contact form data to myself with Meteor/Javascript
我正试图弄清楚如何使用从联系表单收集的数据向自己发送电子邮件。我正在构建一个应用程序使用流星和引导。如果这样更容易的话,我愿意将数据写入谷歌电子表格,但更愿意发送电子邮件。下面是我到目前为止的代码:
HTML:<div class="modal fade" id="contact">
<div class="modal-dialog">
<div class="modal-content">
<form class="form-horizontal" onsubmit="return check_contact();">
<div class="modal-header" style="text-align: center">
<img style="max-width:140px;" src="LagoonLogoContact.png">
</div>
<div class="modal-body">
<div class="form-group">
<label for="contact-name" class="col-lg-1 control-label"><i class="fa fa-user" id="contact-name-icon"></i></label>
<div class="col-lg-11">
<input type="text" class="form-control" id="contact-name" placeholder="name">
</div>
</div>
<div class="form-group">
<label for="contact-email" class="col-lg-1 control-label"><i class="fa fa-envelope-o" id="contact-email-icon"></i></label>
<div class="col-lg-11">
<input type="email" class="form-control" id="contact-email" placeholder="email">
</div>
</div>
<div class="form-group">
<label for="contact-msg" class="col-lg-1 control-label"><i class="fa fa-pencil" id="contact-message-icon"></i></label>
<div class="col-lg-11">
<textarea class="form-control" rows="8" placeholder="message" id="contact-message"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<a class="btn btn-primary pull-left" data-dismiss="modal"><i class="fa fa-times-circle"></i> Close</a>
<button class="btn btn-primary pull-right" type="submit"><i class="fa fa-paper-plane"></i> Send</button>
</div>
</form>
</div>
</div>
</div>
JAVASCRIPT(在同一页面的HTML下面):
<script>
function check_contact() {
var name = document.getElementById('contact-name').value;
var email = document.getElementById('contact-email').value;
var message = document.getElementById('contact-message').value;
var reg = /^'w+([-+.']'w+)*@'w+([-.]'w+)*'.'w+([-.]'w+)*$/;
if(name == "" || email == "" || message == ""){
document.getElementById('contact-name').style.border = "1px solid black";
document.getElementById('contact-name-icon').style.color = "black";
document.getElementById('contact-email').style.border = "1px solid black";
document.getElementById('contact-email-icon').style.color = "black";
document.getElementById('contact-message').style.border = "1px solid black";
document.getElementById('contact-message-icon').style.color = "black";
if(name == ""){
document.getElementById('contact-name').style.border = "1px solid #ff6464";
document.getElementById('contact-name-icon').style.color = "#ff6464";
}
if(email == "" || !reg.test(email)){
document.getElementById('contact-email').style.border = "1px solid #ff6464";
document.getElementById('contact-email-icon').style.color = "#ff6464";
}
if(message == ""){
document.getElementById('contact-message').style.border = "1px solid #ff6464";
document.getElementById('contact-message-icon').style.color = "#ff6464";
}
return false;
}
else{
if(reg.test(email)){
console.log("working here");
var nameSend = $('#contact-name').val();
var emailSend = $('#contact-email').val();
var messageSend = $('#contact-message').val();
var dataSend = 'nameSend=' + name + '&emailSend=' + email + '&messageSend=' + message;
console.log(dataSend);
return true;
}
else {
return false;
}
}
}
</script>
谢谢你的帮助!:)
电子邮件包可以让你很容易地发送电子邮件。注意,email.send()
只在服务器上工作,因此您需要定义一个服务器方法并从客户机调用它。
你还需要小心不要创建一个垃圾邮件向量:如果客户端可以调用这个函数的所有参数,那么任何人都可以很容易地编写它来发送无数的电子邮件。通常你不希望收件人和正文字段都来自客户端。
相关文章:
- 如何从pdftron webviewer获取表单数据
- JS验证ajax返回的html中的表单数据
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 将单击事件添加到数据表
- 预览数据表单
- Ajax数据表单序列化防止双重提交
- 如何在 Spring Framework 中处理表数据表单提交
- 发布大型数据表单 Angular JS
- 覆盖Magento中的默认数据表单提交JS活动
- 保存不带按钮的数据表单
- 更新Highchart数据表单导出按钮
- 将数据表单转换为PDF
- 我的Angular视图没有用数据表单服务器更新
- 如何在不重新加载页面的情况下获取数据表单数据库
- JavaScript SDK返回数据表单嵌套函数
- 使用php AJAX发送数据表单请求失败
- 数据表单$scope在Angular的view (page)中不显示
- 实时交换 HTML 数据表单
- 搜索parse.com数据表单html输入
- 如何在MVC中返回JSON数据表单控制器到jsp