JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<input type="text" id="txt2"></input>

JavaScript

jQuery.fn.NumericOnly =
function()
{
    return this.each(function()
    {
        $(this).keydown(function(e)
        {
            if(e.shiftKey){
                e.preventDefault();
            }
            var key = e.charCode || e.keyCode || 0;  
            console.log(key);
            console.log(
                key == 8 || 
                key == 9 ||
                key == 46 ||
                (key >= 37 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105))
            
            return (
                key == 8 || 
                key == 9 ||
                key == 46 ||
                (key >= 37 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105));
        });
    });
};

jQuery.fn.alphaNumericOnly =
function()
{
    return this.each(function()
    {
        $(this).keydown(function(e)
        {
            if(e.shiftKey){
                e.preventDefault();
            }
            var key = e.charCode || e.keyCode || 0;  
            console.log(key);
            console.log(
                key == 8 || 
                key == 9 ||
                key == 46 ||
                (key >= 37 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105))
            
            return (
                key == 8 || //BACKSPACE
                key == 9 || //TAB
                key == 46 || //DELETE
                key == 190 || // .
                (key >= 37 && key <= 40) || //ARROW
                (key >= 48 && key <= 57) || //NUMBER
                (key >= 65 && key <= 90) || //ALPHABET
                (key >= 96 && key <= 105)); //NUMPAD
        });
    });
};

$("#txt2").alphaNumericOnly();