如何从mat输入验证电子邮件地址?(Angular Material)

问题描述 投票:-1回答:1

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

<mat-form-field class="example-full-width">
  <input matInput placeholder="Favorite food" value="Sushi">
</mat-form-field>
angular
1个回答
2
投票

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

<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>
© www.soinside.com 2019 - 2024. All rights reserved.