Невозможно отправить форму Angular в локальный почтовый клиент - PullRequest
Новая
       34

Невозможно отправить форму Angular в локальный почтовый клиент

0 голосов
/ 14 марта 2020

Цитата

Цель: попытка отправить форму через angular в почтовый клиент локального пользователя. Я нажимаю отправить, и ничего не происходит. Никаких сообщений об ошибках.

Я пытался выполнить поиск на net, но каждое решение включает в себя отправку на стороне сервера через функцию с http, а это не то, что я ищу. Мне нужно использовать команды "mailto:", "POST".

Обновление: проблема в том, что на css кнопка отправки находилась под другим полем ввода, поэтому я не мог нажать ее с моим мышь. Я новичок, так что теперь я знаю что-то новое с элементами.

Какой-то код (Скажите, пожалуйста, нужно ли больше кода). 

<div class="background-wallpaper">
    <form action="mailto:example@com" method="POST" enctype="multipart/form-data" name="EmaiTestForm">
        <h1>צור עמנו קשר</h1>
        <div class="first-name">
            <mat-form-field appearance="fill">
                <input matInput type="text" placeholder="שם פרטי" [formControl]="firstName" required name="firstName"
                    autofocus>
                <mat-error *ngIf="firstName.invalid">{{getFirstNameErrorMessage()}}</mat-error>
            </mat-form-field>
        </div>
        <div class="last-name">
            <mat-form-field appearance="fill">
                <input matInput type="text" placeholder="שם משפחה" [formControl]="lastName" required name="lastName">
                <mat-error *ngIf="lastName.invalid">{{getLastNameErrorMessage()}}</mat-error>
            </mat-form-field>
        </div>
        <div class="telephone">
            <mat-form-field appearance="fill">
                <input matInput type="text" placeholder="טלפון" [formControl]="telephone" required name="telephone">
                <mat-error *ngIf="telephone.invalid">{{getTelephoneErrorMessage()}}</mat-error>
            </mat-form-field>
        </div>

        <div class="email-container">
            <mat-form-field appearance="fill">
                <input matInput type="email" placeholder="כתובת מייל" [formControl]="email" required name="email">
                <mat-error *ngIf="email.invalid">{{getEmailErrorMessage()}}</mat-error>
            </mat-form-field>
        </div>
        <button type="submit" class="btn btn-primary btn-raised">שלח</button>
</form>

1 Ответ

0 голосов
/ 14 марта 2020

Я не уверен. Но я думаю, что вам нужно добавить атрибут ngNoForm в форму, чтобы сообщить angular, что это не форма angular.

, как это 

<form ngNoForm action="mailto:example@com" method="POST" enctype="multipart/form-data" name="EmaiTestForm">
....
</form>

Пожалуйста, посмотрите на скриншот это этап из документации ngForm enter image description here

для получения дополнительной информации Пожалуйста go по этому url

Я надеюсь, что это может помочь вам .

...