JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<input type='text' id='new_store' />

JavaScript

$.fn.onlyNumbers = function() {
    this.keypress( function(e) {
            //Set e to get events depending on explorer brand
            var e = (!e) ? window.event : e;
            //Set keynum to the key pressed
            keynum = (window.event) ? e.keyCode : e.which;
            //Use keynum to cancel inserting of character
            //if it's not any of predefined character keycodes
            switch(keynum) {
                case 0:  // Null character
                case 8:  // Backspace character
                case 48: // Number 0
                case 49: // Number 1
                case 50: // Number 2
                case 51: // Number 3
                case 52: // Number 4
                case 53: // Number 5
                case 54: // Number 6
                case 55: // Number 7
                case 56: // Number 8
                case 57: // Number 9
                break;
            //Any other key cancels inserting of character
            default:
                return false;
            }
        });
}
    
$('#new_store').onlyNumbers();