What is the usage of Angular directive novalidate in a form html tag

HtmlValidationForms

Html Problem Overview


I wanted to understand the meaning of novalidate directive usage in form tag, especially when used to validate the form.

Thanks

Html Solutions


Solution 1 - Html

It prevents the browser's native validation to kick in i.e form data will not be validated upon submission. Examples include input where type='email'

Note that it is not Angular's directive. It is HTML 5 attribute. Read more about it here

Solution 2 - Html

novalidate attribute is used to disable browser's native form validation.

You can use it when you need do your own AngularJS custom validation.

Solution 3 - Html

You can use the same ones used by the HTML 5 specification in Angular,so you can add the novalidate attribute to the form element, which tells the browser not to use its native validation. Because different browsers have different implementation validations. Since Angular get validation itself, the browser don't need to do validation implementation.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionng-RView Question on Stackoverflow
Solution 1 - HtmlAniket SinhaView Answer on Stackoverflow
Solution 2 - HtmlkumareloadedView Answer on Stackoverflow
Solution 3 - HtmlfgulView Answer on Stackoverflow