Disable HTML5 form validation for multiple forms

Question

In an HTML page, there have 5 different forms. Four of them are in the bootstrap modal. HTML5 validation pops up for all forms on the main form submit. How can we disable the HTML5 validation for the forms other than submitting the form?

Answer 1

The HTML5 validation popup for the forms other than the main form was appearing on submitting the main form because one of the forms was not closed properly. So the scope of the form affected the problem and treated as a single form and so the HTML5 validation.

Answer 2

Add the novalidate attribute to the form tag:

<form name="something" novalidate></form>

Ref: https://www.w3.org/TR/html5/sec-forms.html#element-attrdef-form-novalidate