html - 为什么在 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' '[e-mail]'

如何修复它以接受像“a@a”“[e-mail]”这样的输入？

标签： htmlangularvalidationhtml-email

Answer 1

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

这是一个有效的堆栈闪电战，展示了如何实现它。