在Angular 6中的数据库验证中未找到电子邮件地址

我正在对必填字段和无效电子邮件地址进行电子邮件验证。 我想在点击提交按钮后对“如果数据库中找不到电子邮件”进行验证，然后它会显示一些错误消息，就像我正在显示的required和pattern一样。 下面是我的代码。我使用的是角度6材料设计

             <form [formGroup]='loginForm' id="loginForm">       
             <mat-form-field>
              <mat-label>Email Address</mat-label>             
              <input matInput placeholder="" formControlName="emailid" required>
              <mat-error *ngIf="formControl.emailid.errors && (formControl.emailid.dirty || formControl.emailid.touched)">
                <p *ngIf="formControl.emailid.errors.required">Email is required</p>
                <p *ngIf="formControl.emailid.errors.pattern">Invalid email address</p>

              </mat-error>
              </mat-form-field>
              <button mat-button type="submit" (click)="login()">Login</button>
               </form>

显示消息后，在电子邮件输入字段中执行退格操作后，错误消息应消失。如果数据库中没有“未找到电子邮件”，则如何显示“未找到电子邮件”消息。

---

任何人都可以帮助我如何实现这一点。

在html中的inputfield上添加一个事件处理程序，以检查是否是backspace和resetForm，这将删除表单上的错误

在HTML中：

<input matInput placeholder="" formControlName="emailid" (keypress)="ResetForm($event)" required>

<p *ngIf="isEmailPresent">Email Address Not found</p>

将formdirective添加为viewchild：

在按键事件重置窗体中

请试试这个

this.loginForm.controls['email'].setErrors({'incorrect': true});

---

好的，我试试这个。但我的实际问题是，如果数据库中找不到电子邮件地址，如何显示错误消息。在我检查状态是否为404的其他部分中，它应该显示错误消息，如未找到电子邮件。你能帮我怎么做吗？显示错误信息有效。但退格的方法不起作用。我在输入中使用了（keyup）来实现这一点。在keyup上，若输入字段值的长度为0，则我将“isEmailPresent”更改为false@Ashok检查此链接@ananya

import { Component, ViewChild } from '@angular/core';
import {
  FormGroup,
  FormBuilder,
  FormGroupDirective,
  Validators,
} from '@angular/forms';

 @ViewChild(FormGroupDirective) formGroupDirective: FormGroupDirective;

ResetForm(event)
{
  if(event && event.keycode==8)//(keycode for backspace)
    {
       this.formGroupDirective.resetForm();
     }
}

this.loginForm.controls['email'].setErrors({'incorrect': true});