时间戳

首页 > 解决方案 > 如何在 html 联系表单中使用 SMTP？

javascript - 如何在 html 联系表单中使用 SMTP？

问题描述

我有以下联系表格：

<div class="container red_layer_footer">
<form action="/var/www/cgi-bin/FormMail.pl" method="POST">
<input type=hidden name="recipient" value="mymail@gmail.com">
<input type=hidden name="subject" value="Nuova mail">
<input type=hidden name="redirect" value="http://www.evogale.it/grazie.html">

<h2>CONTATTI</h2>

<div class="name">
<label for="name"></label>
<input type="text" placeholder="Nome" name="name" id="name_input" required>
</div>

<div class="email">
<label for="email"></label>
<input type="email" placeholder="Mail" name="email" id="email_input" required>
</div>

<div class="message">
<label for="message"></label>
<textarea name="message" placeholder="Messaggio" id="message_input" cols="30" rows="5" required></textarea>
</div>

<div class="submit">
<input type="submit" value="Invia Messaggio" id="form_button">
</div>

<input type=hidden name="required" value="email,name,message">
</form> <!-- // End form -->
</div> <!-- End #container -->

在一个 html 文件中，我希望它通过 SMTP 发送电子邮件。我应该如何修改代码以实现这一目标？在网上环顾四周，我发现我可能会添加一些 jQuery 代码？

标签： javascripthtmljquerysmtpcontact-form

解决方案

为了能够发送电子邮件，您需要SMTP在设置电子邮件客户端时提供正确的服务器。大多数互联网系统SMTP用作将邮件从一个用户传输到另一个用户的方法。它是一个推送协议。为了使用 SMTP，您需要配置您的 Gmail。您需要更改gmail发送邮件的帐户的两项设置，即

1.撤销两步验证

2.允许不太安全的应用访问 Gmail。您可以通过单击链接启用轻松地做到这一点

在此之后只需创建一个 html 文件并在您的标签中包含 SMTP：

<script src="https://smtpjs.com/v3/smtp.js"></script>

下面是发送邮件需要运行的 html 代码。

    <script src= 
        "https://smtpjs.com/v3/smtp.js"> 
      </script> 
      
      <script type="text/javascript"> 
        function sendEmail() { 
          Email.send({ 
            Host: "smtp.gmail.com", 
            Username: "sender@email_address.com", 
            Password: "Enter your password", 
            To: 'receiver@email_address.com', 
            From: "sender@email_address.com", 
            Subject: "Sending Email using javascript", 
            Body: "Well that was easy!!", 
          }) 
            .then(function (message) { 
              alert("mail sent successfully") 
            }); 
        } 
      </script> 
<body> 
  <form method="post"> 
    <input type="button" value="Send Email" 
        onclick="sendEmail()" /> 
  </form> 
</body>

注意： 使用上述方法和Best上述方法的方法是为了理解目的，上述方法是公开给用户的，如何启用 您可以查看此https://smtpjs.com/SecureSecureToken highly insecurecredentialsSecurity

推荐阅读