为什么要通过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''[email protected]'

我如何解决它以接受'a @ a''[email protected]'之类的输入？

Answer 1

使用响应式表单进行表单验证要容易得多，并且Angular具有内置的电子邮件验证器，您可以将其用于此。