Apply Range Validation for Input Value AngularJS

Question

When an user entering a value, system should check whether this value is within the range of Minimum and Maximum defined for this field. also, need check for number of decimal points allowed.

<input  ng-model='data.value1' >
<input  ng-model='data.value2' >
<input  ng-model='data.value3' >
<input  ng-model='data.value4' >

Use regular expression for this.

Ved
– Ved

2014-12-15 14:09:07 +00:00
Commented Dec 15, 2014 at 14:09 — Ved
– Ved, Commented Dec 15, 2014 at 14:09
You can also check value using javaScript.

Ved
– Ved

2014-12-15 14:09:46 +00:00
Commented Dec 15, 2014 at 14:09 — Ved
– Ved, Commented Dec 15, 2014 at 14:09

sagar43 · Accepted Answer · 2014-12-16 07:15:24Z

5

you can add type="number". and for angularJS

<input type="number"
       ng-model=""
       [name=""]
       [min=""]
       [max=""]
       [required=""]
       [ng-required=""]
       [ng-minlength=""]
       [ng-maxlength=""]
       [pattern=""]
       [ng-pattern=""]
       [ng-change=""]>

Follow the link for more clarification AngularJs Documentation

edited Dec 16, 2014 at 7:15

sagar43

3,4753 gold badges32 silver badges49 bronze badges

answered Dec 16, 2014 at 7:11

Vicxx

4741 gold badge4 silver badges10 bronze badges

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

1 Comment

Dimuthu Over a year ago

If it is type="number", you could use ng-max and ng-min

Ved · Accepted Answer · 2014-12-16 09:04:32Z

2

Extending My comment:

 var range = 'your range';
 var checkRange = function () {
    var value = data.value;
    if(value <=range) {
    //your code;
    } else {
    //your code;
    }
}

Update:

$scope.data.value = 500;
$scope.$watch('data.value', function (oldVal,newVal) {
     if(newVal > 1000 ) {
      $scope.data.value = 500;
}

})

edited Dec 16, 2014 at 9:04

answered Dec 15, 2014 at 14:13

Ved

12.1k5 gold badges46 silver badges61 bronze badges

9 Comments

Dosti Over a year ago

Consider if I have 5 textbox controls and for all I need to do this same validation. And, if user entered a value which is not fall in the range then, I should reset the entered value to its old value.

Ved Over a year ago

You should use regular expression for this. I don't know what is your range, but there are many ways to do this.

Dosti Over a year ago

Help me on one thing... I want to reset to old value if the given value is invalid. if my range is 10-1000 and my current/default value is 500. if user enters 1200, then i should reset back to 500.

Ved Over a year ago

Ok.. I am writing a solution for this.

Ved Over a year ago

No. just use as it is in your controller. You don't need to pass any value to oldVal and newVal.

|

Collectives™ on Stack Overflow

Apply Range Validation for Input Value AngularJS

2 Answers 2

1 Comment

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related