Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.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
Javascript 如何使用js中的smtp在表单中发送邮件_Javascript_Php_Email - Fatal编程技术网

Javascript 如何使用js中的smtp在表单中发送邮件

Javascript 如何使用js中的smtp在表单中发送邮件,javascript,php,email,Javascript,Php,Email,我被困在这里了。我想要一个按钮(在本例中为“发送电子邮件”按钮)在不打开电子邮件客户端的情况下触发mailto,我想要它自动发送(在JS、smtp中)。我不知道我问得是否太多,这是否可能。。这是我的表格: <form id="form"> <div class="row"> <div class="col-md-6"> <div class="input-group"> <span class="inp

我被困在这里了。我想要一个按钮(在本例中为“发送电子邮件”按钮)在不打开电子邮件客户端的情况下触发mailto,我想要它自动发送(在JS、smtp中)。我不知道我问得是否太多,这是否可能。。这是我的表格:

<form id="form">
  <div class="row">
    <div class="col-md-6">
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-user-secret fa-lg"></i></span>
        <input id="username" type="text" class="form-control blender-pro-book form-text" placeholder="Username" aria-describedby="basic-addon1">
        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-user-secret fa-lg"></i></span>
        <input id="message" type="text" class="form-control blender-pro-book form-text" placeholder="Message" aria-describedby="basic-addon1">
      </div>
      <p class="error-holder"><span id="error" class="error blender-pro-book"><i class="fa fa-exclamation-triangle"></i>Try again please!</span></p>
    </div>
  </div>
  <br>
  <div class="row">
    <div class="col-md-6 col-md-offset-3 col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3">
      <button id="start" type="button" class="btn btn-default btn-lg btn-block btn-custom blender-pro-book">Send e-mail <i class="fa fa-hand-o-right blue-text-color"></i></button>
    </div>
  </div>
</form>
我只想通过此按钮发送电子邮件:

<button id="start" type="button" class="btn btn-default btn-lg btn-block btn-custom blender-pro-book">Send e-mail <i class="fa fa-hand-o-right blue-text-color"></i></button>
发送电子邮件
你能告诉我在我的表格里放在哪里吗


多谢各位

为什么要使用JavaScript电子邮件服务?只需使用PHP即可。
PHP是一种服务器端语言。使用像
$To=$\u POST['To']这样的命令
$From=$\u POST['From'],可以获取从表单元素发送的数据。
我建议您阅读有关邮件功能的PHP手册,以了解如何使用PHP发送电子邮件。其实很简单。如果您对PHP不太了解,请访问


在上面的代码中,它使用带有attributes方法和action的form元素。方法告诉客户端它将在POST或更安全的GET版本中运行。GET可以在如下URL中看到:

与GET不同,POST在URL中看不到,因此更难干扰。换句话说,POST使用起来更安全。操作表示数据将要发送到的文件。服务器将处理数据并将其解释为代码(如果提供)。输入标记必须有一个“名称”,才能被服务器接收。“类型”表示输入是普通的“文本”、“密码”还是“提交”。Submit是一个按钮,它会告诉表单在单击时发送数据。占位符是文本和密码的输入属性,当值为空时,它将显示指定的输入。值是基本上包含希望服务器接收的部分的属性。除了按钮,提交。SUBMIT按钮的值就是按钮将显示的文本。您不会从按钮本身收集数据。

@tyq.的答案是最好的方法,但在回顾之后,您会这样使用它:


发送邮件功能(e){
event.preventDefault();
log('这将通过SmtpJS发送邮件');
电子邮件发送(“from@you.com",
"to@them.com",
“这是一个主题”,
“这就是身体”,
“smtp.yourisp.com”,
“用户名”,
“密码”);
}
函数init(){
document.getElementById('form')。onsubmit=sendMail;
}
window.onload=init;

您需要从客户端向服务器发出AJAX调用,以便服务器发送电子邮件。@LuisDiegoHernández感谢您的评论。我正在谷歌上搜索:)你好,非常感谢你的回答。“那里”是什么代码?你是说那封邮件吗。发一封吗?@MelissaLockwood你是说??如果你是,这只是额外的代码,你可能想插入到表单中进行设计或其他什么,或者你可能需要按照我在上面代码中介绍的想法添加一些输入标记,这样你就可以将数据传输到你的PHP文件。。。如果你想使用PHP(我推荐使用),JavaScript只会让邮件发送过程更加混乱。我建议你避免使用它,因为它(最终)只是浪费时间。PHP对此有一个完整的函数设置,mail()。你可以在点击“提交”后使用表单发送这些数据。我一定很愚蠢,但我现在根本不知道该做什么。你能更详细地告诉我该怎么做吗?嗯,当然。我会很快编辑我的帖子。非常感谢你的回复!不幸的是,这对我不起作用。“提交”按钮不起任何作用。您知道为什么吗?您应该在本地环境中运行此代码,因为代码段是沙盒的。用你的信息发送
Email.Send()
中的信息,它应该会起作用。我以前已经在那里输入了我的信息,但它仍然不起作用。可能与身份验证或其他问题有关。你能做到吗?不,我做不到!我确实输入了正确的信息!
<button id="start" type="button" class="btn btn-default btn-lg btn-block btn-custom blender-pro-book">Send e-mail <i class="fa fa-hand-o-right blue-text-color"></i></button>
<form method="POST" action="mymail.php">
<input name="to" type="text" placeholder="To:" value="" />
<input name="from" type="text" placeholder="From:" value="" />
<input name="cc" type="text" placeholder="CC:" value="" />
<!-- Blah Blah Blah, your code goes here, I'm not very good at this site -->
<input type="submit" value="Submit" />
</form>