Restrict Alphabets using keypress function javascript

Question

I am trying to restrict alphabets in javascript. Here is the code I am using and I am able to show alert to users "Enter numbers only" if they enter alphabets.

But issue is after entering values in the textbox, if I try to backspace the values, it shows alert("Enter numbers only"

How to not show alert if I press backspace key.

Here is my code,

       PasswordCheck(event)  
        {
              var allowedRegex =  /^[0-9]+$/ && event.keyCode === 8;     
              if (!event.key.match(allowedRegex)) {
              alert("Enter Numbers only")
              event.preventDefault();
        }

       
         <form (keyup)="PasscodeCheck($event)" autocomplete="off">
         ......
         </form>

Isn't keyCode deprecated?

Owen Kelvin
– Owen Kelvin

2020-11-16 13:38:06 +00:00
Commented Nov 16, 2020 at 13:38 — Owen Kelvin
– Owen Kelvin, Commented Nov 16, 2020 at 13:38
Can't you just use an input box with type text?

Nicholas K
– Nicholas K

2020-11-16 14:02:57 +00:00
Commented Nov 16, 2020 at 14:02 — Nicholas K
– Nicholas K, Commented Nov 16, 2020 at 14:02

Huw · Accepted Answer · 2020-11-16 13:35:50Z

1

 PasswordCheck(event) {
    var allowedRegex =  /^[0-9]+$/;     
    if (!event.key.match(allowedRegex) && event.keyCode !== 8) {
      alert("Enter Numbers only");
    }
  }

answered Nov 16, 2020 at 13:35

Huw

2892 silver badges5 bronze badges

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

Collectives™ on Stack Overflow

Restrict Alphabets using keypress function javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related