Почему прошел проверку на HTML адрес электронной почты?

Question

Следующий код HTML принимает все входные данные без проверки.

Проверка работает только для непустых значений.

<div class="input-group" [ngClass]="{'has-error': !PEmail.valid && submitted }">
    <input class="form-control"
           id="PEmail"
           name="PEmail"
           type="email"
           #PEmail="ngModel"
           [(ngModel)]="quote.FromAddress.Email"
           required
           email
           />
</div>

Код принимает входные данные в виде: 'a' , 'a @' 'a@a' 'a@a.com'

Как я могу исправить это, чтобы принимать ввод как 'a@a' 'a@a.com'?

Answer 1

Проверка формы намного проще с реактивными формами, и Angular имеет встроенный валидатор электронной почты, который вы можете использовать для этого.

Вот рабочий stackblitz , показывающий, как его реализовать.