JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    function validate(e) {
        e = e || window.event;
        var bad = /[^\sa-z\d]/i,
            key = String.fromCharCode( e.keyCode || e.which );   
 
        if ( e.which !== 0 && e.charCode !== 0 && bad.test(key) ) {
            e.returnValue = false;
            if ( e.preventDefault ) {
                e.preventDefault();
            }
        } 
     }   
</script>

<input type="text" onkeypress="validate(event)" />