Angular8: проверка электронной почты при регистрации нового пользователя

Question

Я хочу реализовать проверку электронной почты всякий раз, когда новый пользователь регистрируется / регистрируется. Я использую Angular от внешнего интерфейса и Laravel от внутреннего интерфейса. Каков наилучший подход для достижения этого и как ??? Надеюсь, что вы поможете и заранее спасибо.

Answer 1

Вы должны проверить это как спереди, так и сзади.

Впереди вы можете использовать это https://angular.io/api/forms/EmailValidator

В спину ... Я не эксперт в PHP, но вы можете использовать это https://medium.com/@pran.81/how-to-implement-laravels-must-verify-email-feature-in-the-api-registration-b531608ecb99

Answer 2

Предположим, у нас есть component.html [Использование угловой структуры material2 UI]. Здесь вы можете выбрать любой фреймворк для реализации этого.

<mat-form-field color="accent">
                    <input matInput placeholder="Email" [formControl]="email" required>
                    <mat-error *ngIf="email.invalid">[[getErrorMessage()]]</mat-error>
                </mat-form-field>

component.ts

import { FormGroup, FormControl, Validators} from '@angular/forms';


 @Component({
     selector: 'form-create',
     templateUrl: './component.html',
     styleUrls: ['./component.scss'], 
 })
 export class FormComponent implements OnInit {

   email   = new FormControl('', [Validators.required, Validators.email]);

   sampleForm = new FormGroup({
                      email  : this.email,
                         ..........
   });

   getErrorMessage() {
        return this.email.hasError('required') ? 'You must enter a value' :
            this.email.hasError('email') ? 'Not a valid email' : '';
    }


 }

Выше представлены все виды валидации самой FE.Мы можем изменить getErrorMessage () , чтобы отображать пользовательское сообщение об ошибке, поступающее со стороны сервера.

Никогда не использовалось Laravel , поэтому, пожалуйста, руководствуйтесь этим примером.