angular - 如何从垫子输入验证电子邮件地址？( Angular Material )

Question

如何在不按下按钮和表单的情况下验证电子邮件地址是否具有 @ 符号和一个点。我将不胜感激任何帮助。

<mat-form-field class="example-full-width">
  <input matInput placeholder="Favorite food" value="Sushi">
</mat-form-field>

Answer 1

您可以使用模式并定义一个正则表达式来验证电子邮件地址，

<input matInput placeholder="Favorite food" [(ngModel)]="enterEmail" name="myEmail" pattern="[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}" required>