Can enter negative numbers in input-number

Author: FlaxHaxx

README.md

@@ -92,6 +92,13 @@ Change number of decimals for a single field.
 <input type="tel" id="number" ng-model="number" input-number decimals="2"/>
 ```
 
+Set a minimum allowed value.
+
+```html
+<!-- This example only allows positive values -->
+<input type="tel" id="number" ng-model="number" input-number min="0"/>
+```
+
 ## Time
 
 Helps the user to enter a time using native time input on mobile devices by setting `type="time"` on the input element. The `input-time` attribute adds validation plus autocomplete as fallback.

dist/angular-input-types.min.js

@@ -26,6 +26,11 @@ <h1>Angular Input Types Demo</h1>
         <input type="tel" id="number" ng-model="number" input-number decimals="2"/>
         <span ng-if="number">modelValue={{number}}</span>
       </li>
+      <li>
+        <label for="positive-number">Positive number</label>
+        <input type="tel" id="positive-number" ng-model="positiveNumber" input-number decimals="2" min="0"/>
+        <span ng-if="number">modelValue={{positiveNumber}}</span>
+      </li>
       <li>
         <label for="time">Time</label>
         <input type="time" id="time" placeholder="HH:MM" ng-model="time" input-time/>

examples/index.html

@@ -1,7 +1,7 @@
 {
   "name": "angular-input-types",
   "description": "AngularJS directives used on form inputs. Makes it easy for the users to input the correct information using autocomplete and validation.",
-  "version": "1.1.1-SNAPSHOT",
+  "version": "2.0.0-SNAPSHOT",
   "license": "MIT",
   "author": "Jon Wikman",
   "homepage": "https://github.com/FlaxHaxx/angular-input-types",

package.json

@@ -22,7 +22,7 @@ angular.module('inputTypes')
 
         var plainNumber = ('' + value).replace('.', decimalSeparator).replace(new RegExp('[^\\d|\\-+|\\' + decimalSeparator + '+]', 'g'), '');
 
-        var regExp = '^\\d+';
+        var regExp = '^\\-?\\d+';
         if(nrOfDecimals > 0) {
             regExp += '(\\' + decimalSeparator + '\\d{0,' + nrOfDecimals + '})?';
         }
@@ -36,6 +36,10 @@ angular.module('inputTypes')
         inputElement.val(plainNumberValue === null ? '' : format(plainNumberValue));
         if(plainNumberValue !== null) {
             var plainNumberLength = plainNumberValue.toString().split(decimalSeparator)[0].length;
+            if(plainNumberLength > 0 && plainNumberValue.charAt(0) == '-') {
+                // Remove the minus sign when calculating length for the thousand separators
+                plainNumberLength--;
+            }
 
             if(plainNumberLength > 1 && plainNumberLength % 3 == 1 && cursorPosition <= (plainNumberLength + Math.floor(plainNumberLength / 3))) {
                 // New thousand separator added
@@ -67,11 +71,13 @@ angular.module('inputTypes')
         require: 'ngModel',
         link: function(scope, elm, attrs, ctrl) {
             var attrDecimals = scope.$eval(attrs.decimals);
-
             if(attrDecimals !== undefined) {
                 nrOfDecimals = attrDecimals;
             }
 
+            var attrMin = scope.$eval(attrs.min);
+            var minValue = attrMin !== undefined ? attrMin : 0;
+
             ctrl.$parsers.unshift(function(viewValue) {
                 if(!viewValue) {
                     return undefined;
@@ -91,6 +97,10 @@ angular.module('inputTypes')
                     elm.triggerHandler('input');
                 }
 
+                ctrl.$validators.min = function(modelValue, viewValue) {
+                    return ctrl.$isEmpty(modelValue) || modelValue >= minValue;
+                }
+
                 return modelValue === null ? null : modelValue.replace(decimalSeparator, '.').replace(/\.$/, '');
             });
 

src/number.js

@@ -4,13 +4,37 @@ describe('number', function () {
     describe('inputNumber', function () {
         var form;
         beforeEach(inject(function ($compile, $rootScope) {
-            var element = angular.element('<form name="form"><input type="tel" name="number" ng-model="number" input-number /></form>');
+            var element = angular.element('<form name="form"><input type="tel" name="number" ng-model="number" input-number min="-1000" /></form>');
             $compile(element)($rootScope);
             $rootScope.$digest();
             form = $rootScope.form;
         }));
         it('should validate empty number', function () {
             expect(form.number.$valid).toBe(true);
         });
+        it('should validate 100', function () {
+            form.number.$setViewValue('100');
+            expect(form.number.$valid).toBe(true);
+        });
+        it('should validate 1 000', function () {
+            form.number.$setViewValue('1 000');
+            expect(form.number.$valid).toBe(true);
+        });
+        it('should validate -0', function () {
+            form.number.$setViewValue('0');
+            expect(form.number.$valid).toBe(true);
+        });
+        it('should validate -100', function () {
+            form.number.$setViewValue('-100');
+            expect(form.number.$valid).toBe(true);
+        });
+        it('should validate -1 000', function () {
+            form.number.$setViewValue('-1 000');
+            expect(form.number.$valid).toBe(true);
+        });
+        it('should not validate -1 001 (attribute "min" is set to -1000)', function () {
+            form.number.$setViewValue('-1 001');
+            expect(form.number.$valid).toBe(false);
+        });
     });
 });