Allow null values- input type number (angularjs)

Question

I have the following code.

<input ng-keypress="onlyNumbers($event)" min="0" type="number" step="1" ng-pattern="/^[0-9]{1,8}$/" ng-model="... >

Now it accepts only numerical values. I want null values to be accepted too. Since there are null values in database, i want it to reflect in the UI. currently i get [Object][Object] at the input for null value.

$scope.onlyNumbers = function(event){   
  var keys = {
    'up': 38,
    // Other key codes
    ...
    '9':57
  };

  for(var index in keys) {
    if (!keys.hasOwnProperty(index)) continue;
    if (event.charCode==keys[index]||event.keyCode==keys[index]) {
      return; //default event
    }
  }

  event.preventDefault();
};

Can anyone let me know how to make it work ?

mikesigs · Accepted Answer · 2016-06-07 21:46:33Z

5

What if you remove the min attribute and modified the ng-pattern to check for an empty input?

<input ng-keypress="onlyNumbers($event)" type="number" step="1" ng-pattern="/^[0-9]{1,8}$|^$/" ng-model="... >

answered Jun 7, 2016 at 21:46

mikesigs

11.5k3 gold badges36 silver badges44 bronze badges

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

8 Comments

Patrick Over a year ago

wat is the ng-pattern for empty input over here ?

mikesigs Over a year ago

The addition of |^$ will add a second match possibility to the regex, where ^$ is basically saying match on the beginning of the, followed immediately by the end of line, and the | is of course just "or".

Patrick Over a year ago

i wil try this code out and update if it works. thanks for the inputs n explaination

Patrick Over a year ago

sorry. yes, it did work. accepted it as an answer. thanks for the answer

mikesigs Over a year ago

Can you provide some samples of valid input?

|

Collectives™ on Stack Overflow

Allow null values- input type number (angularjs)

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related