Angular 4 enable HTML5 validation

Question

I want to use HTML5 validation in Angular 4 rather than their form\'s based validation/reactive validation. I want to keep the validation running in the browser.

I

Answer 1

Angular4 automatically adds a novalidate attribute to forms.

To override this, you can add the ngNativeValidate directive to the form.

Phone Number Validation
Phone Number (format: xxxx-xxx-xxxx):

Unfortunately I do not see this reflected in the docs yet, but found it by looking at the source code: https://github.com/angular/angular/blob/master/packages/forms/src/directives/ng_no_validate_directive.ts

It appears also adding ngNoForm to the form has the same effect as ngNativeValidate depending on your use-cases for needing to declare something as not a form for whatever reason.

Hope this helps.