Javascript 如何将表格提交至邮件地址
我正在创建我的投资组合,并实现了一个联系表单 我希望在我的gmail中收到访客的信息。我在网络上找不到如何以2/4的角度完成这项工作 我应该添加一个后端站点来实现这一点吗Javascript 如何将表格提交至邮件地址,javascript,html,angular,Javascript,Html,Angular,我正在创建我的投资组合,并实现了一个联系表单 我希望在我的gmail中收到访客的信息。我在网络上找不到如何以2/4的角度完成这项工作 我应该添加一个后端站点来实现这一点吗 <div class="contactcard"> <md-card class="mdcardcontact"> <md-card-header style="background-color: black; width:100%"></md-card-hea
<div class="contactcard">
<md-card class="mdcardcontact">
<md-card-header style="background-color: black; width:100%"></md-card-header>
<div>
<md-card-content>
<form [formGroup]="form" class="form">
<div>
<md-input-container class="full-width">
<input mdInput type="text" formControlName="name" placeholder="Votre nom">
</md-input-container>
</div>
<div>
<md-input-container class="full-width">
<input mdInput type="text" formControlName="email" placeholder="Votre adressse mail">
<md-error *ngIf="form.get('email').hasError('pattern') ">
Votre mail n'est pas valid
</md-error>
</md-input-container>
</div>
<div>
<md-input-container class="full-width">
<input mdInput type="tel" formControlName="telephone" placeholder="Votre numéro de téléphone">
<md-error *ngIf="form.get('email').hasError('pattern') ">
Votre mail n'est pas valid
</md-error>
</md-input-container>
</div>
<div>
<md-input-container class="full-width">
<textarea mdInput type="text" formControlName="message" placeholder="Votre message" style="height:200px; "></textarea>
</md-input-container>
</div>
<button md-fab class="send-button">
<md-icon>send</md-icon>
</button>
</form>
</md-card-content>
</div>
</md-card>
</div>
Votre邮件无效
Votre邮件无效
邮寄
如果我理解正确,您试图在前端使用Javascript发送电子邮件,这是不可能的(另请参阅)。您必须为此设置服务器或使用第三方客户端。您需要一种服务器端语言(PHP、C#、Java、Python……)。在向客户端发送邮件时,必须执行一些SMTP协议,我认为目前必须在服务器上执行。因此,请在您的联系人表单中收集用户信息,并将其传递给服务器上的方法进行传输。您需要某种后端脚本来完成此操作。然后从angular应用程序将所需数据发送到此脚本。如果可以将其传回服务器端,则可以使用NodeEmailer和sendgrid。可能重复使用NodeEmailer和sendgrid?我知道sendgrid我也使用它,这是一个不错的选择。它们拥有适用于大多数服务器端语言(如C#Java、PHP等)的SDK