JSFiddle - React, Tailwind, and code Playground

by Bahman ParsaManesh

HTML

<input type="text" name="" id="user" />

CSS

input {
    padding: 5px 8px;
    font-size: 15px;
    outline: none;
    color: #333;
}

JavaScript

$(function(){
    $("#user").keypress(function(event){
        var ew = event.which;
        console.log(ew.charCodeAt(0))
        if(ew == 32)
            return true;
        if(48 <= ew && ew <= 57)
            return true;
        if(65 <= ew && ew <= 90)
            return true;
        if(97 <= ew && ew <= 122)
            return true;
        return false;
    });
});