Accepting only integers and floating point numbers in angular js on each key stroke

Question

How can angular js monitor key strokes in such a way that the input field in html does not accept non numerical values and accept only integers and floating point numbers on each key stroke?

<form name="myForm">
  <input ng-pattern="/^(?=.+)(?:[1-9]\d*|0)?(?:\.\d+)?$/" ng-model="value" name="number"/>
  Valid? {{myForm.number.$valid}}
</form>

What is wrong with the code you've provided? You may be looking for something similar to this: http://stackoverflow.com/a/15556249/1266600 — sushain97, Sep 24 '13 at 16:35
The link to the solution you posted works fine for accepting integer only values but it does not accept floating point values for e.g. 3.14 — Horace Heaven, Oct 07 '13 at 04:48

score 5 · Answer 1 · edited Jan 23 '15 at 09:30

5

If you are asking about correct "float/integers" regex pattern then try this one :

/^\-?\d+((\.|\,)\d+)?$/

edited Jan 23 '15 at 09:30

Dharmesh Porwal

1,406
2
12
21

answered Jan 23 '15 at 08:49

Tomasz Czechowski

611
8
11

score 0 · Answer 2 · answered Jan 12 '19 at 08:09

0

An ideal idea for decimal numbers and setting the decimal region to 2

    ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/"

answered Jan 12 '19 at 08:09

syeed masoud tayefi

39
1
5

Accepting only integers and floating point numbers in angular js on each key stroke

2 Answers2