如何在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>