regex to replace non numeric

Question

I want to replace all my non numeric characters with an empty string. I found this solution

I am trying to replace the value of an input element on change. But when I use above, it is not replacing until I press a number.

Each non-digit I type stays until I type a digit

Ex: 2aaaaa will not be replaced. But as soon as 2aaaa3 is typed it will replace all the a's and it becomes 23

Is this the normal behaviour? How can I achieve my requirement.

component.ts

mobileChanged = () => {
    this.mobile = this.mobile.replace(/\D/g,'');
  };

angular component.html

<input type="text" [(ngModel)]="mobile" (ngModelChange)="mobileChanged()">

Are you saying each non-digit you type stays until you type a digit? Can you provide any information about the field this happens with? — Scott Hunter
– Scott Hunter, Commented Dec 5, 2019 at 15:52

Akshay Bande · Accepted Answer · 2019-12-05 15:59:48Z

1

You can use keyup from jQuery or onkeyup from Javascript.

$("document").ready(function() {
  $("input").keyup(function() {
    let v = this.value.replace(/\D/g, '');
    this.value = v;
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="" />

answered Dec 5, 2019 at 15:59

Akshay Bande

2,6052 gold badges17 silver badges34 bronze badges

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

Comments

A l w a y s S u n n y · Accepted Answer · 2020-01-03 02:55:32Z

0

Yes, it's the usual behaviour for ngModelChange but seems you need onkeyup event here to replace Non-digits. Something like-

function mobileChanged() {
  var txtinput = document.getElementById("fname");
  var x = txtinput.value.replace(/\D/g,'');
  txtinput.value = x;
}

<input id ="fname" type='text' onkeyup="mobileChanged()">

answered Dec 5, 2019 at 15:53

38.8k9 gold badges68 silver badges120 bronze badges