Я выполняю проверку адреса электронной почты для обязательного поля и недействительного адреса электронной почты. Я хочу выполнить проверку «если электронная почта не найдена в базе данных» после нажатия кнопки «Отправить», тогда должно появиться сообщение об ошибке, например, я показываю требуемый и шаблон. Ниже приведен код: я использую дизайн материала Angular 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>
Ниже идентификатор кода для ts файла.
loginForm: FormGroup;
emailId: any;
status: any;
ngOnInit(){
this.loginForm = this.formBuilder.group({
emailid: ['', [Validators.required, Validators.pattern('^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$')]]
});
}
get formControl() { return this.loginForm.controls; }
login() {
this.emailId = this.loginForm.controls['emailid'].value;
this.service.get({{ email: this.emailId}, 'url').subscribe((response) => {
this.result = response;
this.status = this.result.status;
if (this.status === 200) {
//navigate to home page
} else If(this.status === 404) {
console.log("email not found");
// here i want to show this message like aboove i am showing for required and pattern field.
}
});
как только отображается сообщение, затем после выполнения возврата в поле ввода электронной почты сообщение об ошибке должно исчезнуть. И как отобразить сообщение «электронное письмо не найдено», если его нет в базе данных. Может ли кто-нибудь помочь мне, как этого добиться.