Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Meteor/Javascript向我自己发送一封包含联系人表单数据的电子邮件_Javascript_Html_Email_Meteor_Contact Form - Fatal编程技术网

使用Meteor/Javascript向我自己发送一封包含联系人表单数据的电子邮件

使用Meteor/Javascript向我自己发送一封包含联系人表单数据的电子邮件,javascript,html,email,meteor,contact-form,Javascript,Html,Email,Meteor,Contact Form,我正试图找出如何使用从联系人表格中收集的数据向自己发送电子邮件。我正在使用Meteor和Bootstrap构建一个应用程序。如果方便的话,我愿意将数据写入谷歌电子表格,但我更愿意发送电子邮件。以下是我目前的代码: HTML: <div class="modal fade" id="contact"> <div class="modal-dialog"> <div class="modal-content">

我正试图找出如何使用从联系人表格中收集的数据向自己发送电子邮件。我正在使用Meteor和Bootstrap构建一个应用程序。如果方便的话,我愿意将数据写入谷歌电子表格,但我更愿意发送电子邮件。以下是我目前的代码:

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下方):


功能检查_触点(){
var name=document.getElementById('contact-name')。值;
var email=document.getElementById('contact-email')。值;
var message=document.getElementById('contact-message')。值;
var reg=/^\w+([-+.]\w+*@\w+([-.]\w+*\.\w+([-.]\w+*$/;
如果(姓名=“”| |电子邮件=“”| |消息=“”){
document.getElementById('contact-name').style.border=“1px纯黑”;
document.getElementById('contact-name-icon').style.color=“black”;
document.getElementById('contact-email').style.border=“1px纯黑”;
document.getElementById('contact-email-icon').style.color=“black”;
document.getElementById('contact-message').style.border=“1px纯黑”;
document.getElementById('contact-message-icon').style.color=“black”;
如果(名称==“”){
document.getElementById('contact-name').style.border=“1px solid#ff6464”;
document.getElementById('contact-name-icon').style.color=“#ff6464”;
}
如果(电子邮件==“”| |!注册测试(电子邮件)){
document.getElementById('contact-email').style.border=“1px solid#ff6464”;
document.getElementById('contact-email-icon').style.color=“#ff6464”;
}
如果(消息==“”){
document.getElementById('contact-message').style.border=“1px solid#ff6464”;
document.getElementById('contact-message-icon').style.color=“#ff6464”;
}
返回false;
}
否则{
如果(注册测试(电子邮件)){
console.log(“在这里工作”);
var nameSend=$('#联系人姓名').val();
var emailSend=$(“#联系电子邮件”).val();
var messageSend=$(“#联系信息”).val();
var dataSend='nameSend='+name+'&emailSend='+email+'&messageSend='+message;
console.log(dataSend);
返回true;
}
否则{
返回false;
}
}
}
谢谢你的帮助!:)

该软件包允许您非常轻松地发送电子邮件。请注意,
email.send()
仅在服务器上工作,因此您需要定义一个服务器方法并从客户端调用它

您还需要注意不要创建垃圾邮件向量:如果客户端可以使用所有参数调用此函数,那么任何人都可以轻松地编写脚本以发送大量电子邮件。通常,您不希望收件人和正文字段都来自客户机

 <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>