JSFiddle - React, Tailwind, and code Playground

by kurotanshi

HTML

<input type="text" class="onlyNumbers">

JavaScript

$('.onlyNumbers').bind(
    'keydown', function(event){
        var keyCode = event.which;
        var isStandard = (keyCode > 47 && keyCode < 58);
        var isExtended = (keyCode > 95 && keyCode < 106);
        
        var validKeyCodes = ',8,37,38,39,40,46,';
        var isOther = ( validKeyCodes.indexOf(','+ keyCode +',') > -1 );
        
        if (isStandard  || isExtended  || isOther){
            return true;
        }
        else{
            return false;
        }
        
    }).bind('blur', function(){
        var pattern = new RegExp('[^0-9]+', 'g');
        var $input = $(this);
        var value = $input.val();
        
        value = value.replace(pattern, '');
        $input.val(value);    
});