html - 如何在 Angular2 应用程序中禁用 HTML5 表单验证？

Question

我有一个表单，其中包含所需的电子邮件类型的输入。我想对该输入字段进行自定义验证，以便能够以不同语言显示错误消息。但是，目前输入字段是通过 HTML5 验证进行评估的。

代码如下所示:

<input [(ngModel)]="user.email" type="email" class="form-control" id="email" name="email" required placeholder="{{'Email'|translate}}">

是否可以禁用它，以便我能够实现自己的验证？

验证码还没写。

Answer 1

包含如下没有验证属性的标签

<form action="Form" novalidate>
  <input [(ngModel)]="user.email" type="email" class="form-control" id="email" name="email" required placeholder="{{'Email'|translate}}">
  <input type="submit">
</form>