Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.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 如何将表格提交至邮件地址_Javascript_Html_Angular - Fatal编程技术网

Javascript 如何将表格提交至邮件地址

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

我正在创建我的投资组合,并实现了一个联系表单

我希望在我的gmail中收到访客的信息。我在网络上找不到如何以2/4的角度完成这项工作

我应该添加一个后端站点来实现这一点吗

<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