How to use angularJs validation on year?

Question

I have one input text field that takes Year value. I used ng-pattern="/^[0-9]{4}$/" for enter year value in 4 digit.But How can I check input year is between from 1950 to current year.

Robin-Hoodie · Accepted Answer · 2016-05-14 10:23:41Z

1

You can use an input[number] using min and max validation

Plunkr

 <body ng-app="app" ng-controller="Ctrl as vm">
    <form name="form">
      <input type="number" ng-model="year" name="year" min="1950" max="{{vm.currentYear}}"> <br/>
      <span ng-if="form.year.$error.min">Year should be at least 1950</span>
      <span ng-if="form.year.$error.max">Year can not be in the future!</span>
    </form>
    <script>
      angular.module('app', []).controller("Ctrl", function() {
        this.currentYear = new Date().getFullYear();
      });
    </script>
  </body>

This will set the min ormax validation $error key on year in case someone enters a year that is not within these bounds.

edited May 14, 2016 at 10:23

answered May 14, 2016 at 10:13

Robin-Hoodie

4,9944 gold badges33 silver badges65 bronze badges

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

Comments

byteC0de · Accepted Answer · 2016-05-14 10:30:39Z

0

Try This

$scope.currentYear = new Date().getFullYear();

HTML

<input type="number" ng-model="value" min="1950" max="{{currentYear}}">

edited May 14, 2016 at 10:30

answered May 14, 2016 at 10:11

byteC0de

5,3436 gold badges36 silver badges68 bronze badges

1 Comment

Robin-Hoodie Over a year ago

You forgot name and ng-model attributes. No validation will happen without these

Collectives™ on Stack Overflow

How to use angularJs validation on year?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related