How do I disable form validation for ng-click?

Question

I have a form where certain inputs have "required" attribute. I also have a button that adds form fields when clicked, but it always triggers the form validation message when the required fields are not filled out. I only want form validation to trigger for ng-submit and not ng-click. Is this possible?

Answer 1

If you have a look at the W3C specification, it would seem like the obvious thing to try is to mark your button elements with type='button' when you don't want them to submit.

The thing to note in particular is where it says

A button element with no type attribute specified represents the same thing as a button element with its type attribute set to "submit"

Answer 2

Use novalidate for your form:

<form name="aForm" novalidate>

or use ng-form instead:

<div ng-form name="aForm">

Check this link for further info about form validation in AngularJS.

Answer 3

when you do not want submission on specific button then define type="button". it will 100% work