Angularjs: how to detect min and max value of input numbers

Question

I am trying to detect the minimum and maximum values of number type input field, so if the user increased the value, an ajax request get send, and so on for the max value.

Here is my code:

<input type="number" name="amount" id="amount" min="minNumber"
       max="maxNumber" value="{{value['qty']}}"
       data-product="{{value['id']}}"
       ng-blur="isValid(true)"
       ng-change="isValid(false)"
       ng-model="level.num">

$scope.minNumber = 1,
$scope.maxNumber = 99,
$scope.addedToCart = false

$scope.isValid = function () {
    if( ($scope.level.num < $scope.maxNumber) || ($scope.level.num > $scope.minNumber && blurMode)) {
        $scope.tooMany = true;
        $scope.level.num = $scope.minNumber;
    }
};

Sajeetharan · Accepted Answer · 2018-07-08 12:45:32Z

1

You should not pass any parameter to your function from template, and use only ng-blur in your case no need of ng-change unless you want to check for each text change

  ng-blur="isValid()"

answered Jul 8, 2018 at 12:45

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

6 Comments

swordfish Over a year ago

Oh yea that's did the job, but is there any AngularJS directives to detect whether the Keyup or Keydown pressed ?? i need to separate two ajax requests, so it depends on which key has the user pressed.

Sajeetharan Over a year ago

yes you can do stackoverflow.com/questions/19583496/…

swordfish Over a year ago

ng-keyup is for keyboard, is there any way to check if the user increased the value by pressing on the up arrow or down arrow ?

Sajeetharan Over a year ago

you need to use the keycode by getting the user input

swordfish Over a year ago

do i need to get the equivalent keycode to check whether up or down has been pressed? it's more comfort to check if he clicked one of the arrows !!

|

Collectives™ on Stack Overflow

Angularjs: how to detect min and max value of input numbers

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related