Match only numbers including decimals

Question

I have an input field I want the input value to be only numbers and decimals nothing more but the problem is that when I type the Unicode characters and letters and semicolons the input value excepts it how do I achieve that.

          let newValue = item.value.replace(new RegExp(/[a-z] && [@!#$%^&*()_+}{}|:,=] /,'ig'), "");
            item.value = newValue;

Is the value entered interactively? Or do you want to parse existing data? What needs to happen if the number isnt valid? — SirPilan, May 10 '20 at 02:22

SMAKSS · Answer 1 · 2020-05-10T02:32:15.287

2

If you want to only accept number and decimals for your input you can do either of these two ways:

Use input type number.

<input type="number"/>

Use a regex like below, which accept only numbers and decimals:

^-?[0-9]\d*(\.\d+)?$

NOTE: If you want to use the comma (and . in any place) as input also, you can use this one (according to this post):

^-?[0-9][\.\d]*(,\d+)?$

edited May 10 '20 at 02:32

answered May 10 '20 at 02:04

SMAKSS

9,606
3
19
34

why `[1-9]`? values like `0.5` won't match. nor `-1`, `.5`, or `1.` – Phu Ngo May 10 '20 at 02:09
i know what `[1-9]` is, i'm questioning the use of it because it prevents `0.5` from matching – Phu Ngo May 10 '20 at 02:16
your last regex matches `1...2...3` – Phu Ngo May 10 '20 at 02:29
@PhuNgo Yea, because it will allow entering `.` in any place according to the shared post. – SMAKSS May 10 '20 at 02:30

score 1 · Accepted Answer · edited Jun 20 '20 at 09:12

1

Update

Validation on input:

var org = '';
document.getElementsByTagName('input')[0].oninput = function(e) {
  var val = document.getElementsByTagName('input')[0].value;
  
  if(val == '' || val.match(/^([0-9]*\.)?[0-9]*$/)) {
    org = val;
  } else {
    val = org;
  }
  
  document.getElementsByTagName('input')[0].value = val;
}
document.getElementsByTagName('input')[0].oninput();

Number here: <input value="1.23" type="text" /><br />

edited Jun 20 '20 at 09:12

Community

1
1

answered May 10 '20 at 02:15

SirPilan

4,649
2
13
26

1

`0b0`, `0o0` and `0xA` are also numbers :) – Phu Ngo May 10 '20 at 02:21
1

Ye, but i guess its an xy problem. Need more info - im aiming at the the desired solution not the asked :P – SirPilan May 10 '20 at 02:30
true that. just wanted to add in on the valid cases – Phu Ngo May 10 '20 at 02:34

score 0 · Answer 3 · answered May 10 '20 at 02:12

0

function scrubInput() {
  let numberInputElem = document.getElementById('numberInput');

  const regex = /[^0-9\.]/
  let newValue = numberInputElem.value.replace(regex, "");
  numberInputElem.value = newValue;
}

<input type="text" id="numberInput" oninput="scrubInput()"/>

answered May 10 '20 at 02:12

tinymothbrain

412
2
6

1

non-number values like `1.2.3` or `..11..` are accepted. and pasting text inside does not trigger scrubbing – Phu Ngo May 10 '20 at 02:14
Hey can you remove if the period is repeating like 1..2 that's not good but instead like this 1.2. – Yyuv Ali May 10 '20 at 07:45

Match only numbers including decimals

3 Answers3

Update

Linked