Numbers which was given in textarea should be greater than 0 and less than 5

Question

I have tried using below code for which the textarea accepts numbers greater than 0 and less than 5, everything is working fine but when comes to decimal it unable to validate. below is my code

 <body ng-controller="MainCtrl">
  <form name="myform">
  <input type="number" min="0" name="minmax" ng-model="number" required="required" maxlength="10" numbers-only/>
 <span ng-show="myform.$error.numbersOnly">Enter the numbers only between 0 to 5 </span>
 </form>
 </body>

and here is controller

 var app = angular.module('plunker', []);
 app.directive('numbersOnly', function(){
   return {
     require: 'ngModel',
     link: function(scope, element, attrs, modelCtrl) {
       modelCtrl.$parsers.push(function (inputValue) {


       if(parseInt(inputValue) <= 5  && parseInt(inputValue) > 0){
         modelCtrl.$setValidity('numbersOnly', true);
         return inputValue;
       } else {
         modelCtrl.$setValidity('numbersOnly', false);
          return modelCtrl.$modelValue;
       }

    });
   }
 };
}); 

function MyCtrl($scope) {
$scope.number = ''
 }

and here is my working plunker http://plnkr.co/edit/rOShiJYCZrXcgMdr951i?p=preview

but if give I value in decimal and then pressing enter then its showing alert. — Pradeep Ramisetti, Jan 24 '17 at 11:00

score 0 · Answer 1 · edited May 23 '17 at 11:45

0

Kindly read this below discussion, before you workaround this issue

Is there a float input type in HTML(5)?

Now you need to Set step="0.01 on your input number field. it will be can take decimal and integer values.

<input type="number" name="minmax" ng-model="number" required="required" step="0.01 maxlength="10" numbers-only/>

Plunker

edited May 23 '17 at 11:45

Community

1
1

answered Jan 24 '17 at 11:07

Ramesh Rajendran

37,412
45
153
234

if I keep type ="text" then its accepting alphabets also – Pradeep Ramisetti Jan 24 '17 at 11:12
But the error message showing correct. if you enter anything the validation will be fire. – Ramesh Rajendran Jan 24 '17 at 11:13

sisyphus · Answer 2 · 2017-01-24T11:07:47.703

-2

Try using parseFloat

  if(parseFloat(inputValue) <= 5  && parseFloat(inputValue) > 0){

and change input type="number" to input type="text"

edited Jan 24 '17 at 11:07

answered Jan 24 '17 at 10:59

sisyphus

452
5
13

ParseInt also works good. It's couldn't be a conversion problem – Ramesh Rajendran Jan 24 '17 at 11:01
Try entering 5.1 in his plnkr – sisyphus Jan 24 '17 at 11:03

Numbers which was given in textarea should be greater than 0 and less than 5

2 Answers2