AngularJS - Form Custom Validation - Check if at least one input is filled

Question

Good morning everyone,

Its possible create a directive (validation) to form level?

what I need is the following:

I have a form which has several fields and also has a button that is disabled while the validation of each of the fields is failed.

I need to create another validation, to check that at least one field of the form is filled.

I found one similar question here: link, but the solution is not the best (i think)

Thank you in advance

There's an entire page on angularjs forms and validations that can help. A search engine query for 'angularjs form validation' also has good results. — Matthew Bakaitis
– Matthew Bakaitis, Commented Apr 23, 2014 at 15:56
The solution to my problem is solved with a Angular filter. See this post stackoverflow.com/questions/14347024/… — Javier Larios
– Javier Larios, Commented Apr 24, 2014 at 16:27

Shawn C. · Accepted Answer · 2014-04-23 16:04:20Z

2

My simple answer without knowing more details would be to add a simple function to your controller to check to see if it is valid.

For example:

$scope.isValid = function isValid(){
    return (field1 || field2 || field3 || undefined) !== undefined;
}

Then update your ng-disabled to include it.

ng-disabled="your_form.$invalid || !isValid()"

With more details I could get a better answer.

answered Apr 23, 2014 at 16:04

Shawn C.

6,9213 gold badges37 silver badges39 bronze badges

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

1 Comment

The problem with this solution, is that I had to put ALL FIELDS of the forms in the validation, better is looping.