How can I disable HTML5 form validation in Angular2 apps?

Question

I have a form that contains an input of type email that is required. I would like to have my own custom validation on that input field in order to be able to show the error message in different languages. However, currently the input field is evaluated by the HTML5 validation.

The code looks like this:

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

Is it possible to disable that, so that I am able to implement my own validation?

The validation code is yet to be written.

import only { FormGroup, FormBuilder} from '@angular/forms'; — S M
– S M, Commented Jan 17, 2017 at 7:19
@Aravind thanks, I will accept it as correct answer if you want to post it. — Stefan
– Stefan, Commented Jan 17, 2017 at 7:27

Aravind · Accepted Answer · 2017-01-17 07:30:59Z

8

Include tag with no validate attribute as below

<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>

answered Jan 17, 2017 at 7:30

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I disable HTML5 form validation in Angular2 apps?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related