微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

通过javascript发送邮件

如何解决通过javascript发送邮件

我尝试通过 javascript 发送在表单中输入的数据。

HTML

<form class="pix-form-style pixfort-form pix-padding-top-20 pix-form-light-white-bg" method="post">
    <div class="form-group">
        <input  id="nome" type="text" class="form-control"  placeholder="Nome">
    </div>
    <div class="form-group">
        <input id="cognome" type="text" class="form-control" placeholder="Cognome">
    </div>
    <div class="form-group">
        <input id="email" type="email" class="form-control"  placeholder="Email">
    </div>
    <div class="form-group">
        <input id="citta" type="text" class="form-control" placeholder="Città">
    </div>
    <div class="form-group">
        <input id="telefono" type="text"  class="form-control" placeholder="Numero telefono">
    </div>
    <input type="button" value="Richiedi informazioni" class="btn yellow-bg small-text btn-lg pix-white btn-block" style="background-color: #eedc1c;" onclick="sendEmail()" />
    
    <div class="form-group" style="color:white; display: flex;">
        <input type="checkBox" id="checkBox"  value="" style="margin-left: 10px; margin-right: 5px;height:auto !important;" required><p>Dichiaro di aver letto ed accettato l'informativa</p>
    </div>
</form> 

JS

<!-- Javascript -->
    <script src="https://smtpjs.com/v3/smtp.js"></script>
    <script type="text/javascript">
    function sendEmail() {
        var nome = document.getElementById("nome").value;
        var cognome = document.getElementById("cognome").value;
        var email = document.getElementById("email").value;
        var citta = document.getElementById("citta").value;
        var telefono = document.getElementById("telefono").value;
        var body = 'nome: ' + nome + ',cognome: ' + cognome + ',email: ' + email + ',città: ' + citta + ',telefono: ' + telefono;
        Email.send({
            Host: "host",Username: "username",Password: "password",To: 'email@gmail.com',From: "Test",Subject: "Sending Email using javascript",Body: body
        })
        .then(function (message) {
          alert(nome)
        });
    }
  </script>

电子邮件已发送,但作为我得到的价值

通过提醒 ADN 电子邮件

nome: [object HTMLInputElement],cognome: [object HTMLInputElement],email: [object HTMLInputElement],città: [object HTMLInputElement],telefono: [object HTMLInputElement]

所以我在变量声明中添加.value,但是现在我得到了空字符串。 我是否声明了错误的变量?我必须将它们直接传递给函数吗?如有帮助或建议,谢谢

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。