Angular Validation for input depends on another input

Question

I have a list of json objects. Each object has minage and maxage.

I want to ng-repeat on this object and display input to enter the minAge and input for maxAge.

I want to add validation for the fields:

Max age should be bigger than Min age.
the Min age of the next pair of inputs should be lower than Max age of previous pair of inputs.

Example fiddle

the ìnput` tag is an angular js directive you can find all you need here : docs.angularjs.org/api/ng/input/input%5Bnumber%5D — Patrick Ferreira
– Patrick Ferreira, Commented May 20, 2015 at 9:42
the first validation can you writh: <input type="number" ng-model="range.MaxAge" min="{{range.MinAge}}"/> — user3227295
– user3227295, Commented May 20, 2015 at 9:42

Artem Petrosian · Accepted Answer · 2015-05-20 09:54:58Z

1

You can use min and max arguments within your inputs to achieve this:

<div ng-repeat="range in ages">
    minAge: <input type="number" min="{{ages[$index-1]['MaxAge']}}" max="{{range.MaxAge}}" ng-model="range.MinAge" />

    maxAge: <input type="number" min="{{range.MinAge}}" ng-model="range.MaxAge" />
</div>

answered May 20, 2015 at 9:54

Artem Petrosian

2,9541 gold badge24 silver badges30 bronze badges

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

3 Comments

BrMe Over a year ago

10x.Thats what I need! but :for the first minAge I dont have any value in :ages[$index-1]['MaxAge'] , How can I check if no value, and put min=0 ?

Artem Petrosian Over a year ago

@BrMe I think you can use something like this: {{range.MaxAge ? range.MaxAge : null}}

BrMe Over a year ago

This is work for me :{{ages[$index-1].MaxAge || 0 }}

Collectives™ on Stack Overflow

Angular Validation for input depends on another input

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related