如何从Mat输入中验证电子邮件地址？（角材料）

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>