JSFiddle - React, Tailwind, and code Playground

by ajpiano

HTML

<input type="text" maxlength="255" name="cost1" id="edit-cost1" size="20" value="" class="form-text required">

<div id="LOL"></div>

JavaScript

function keyDown(e) {
                var valid = (e.keyCode > 46 && e.keyCode < 58) || (e.keyCode >= 96 && e.keyCode <= 105) || //numbers
                            ((e.keyCode === 190 || e.keyCode === 110) && $(this).val().indexOf(".") === -1) || //only one decimal
                            (e.keyCode >= 37 && e.keyCode <= 40) || //arrow keys
                            (e.keyCode === 8 || e.keyCode === 9 || e.keyCode === 27 || e.keyCode === 46 || e.keyCode === 109); //backspace,tab,escape,delete
                if (!valid || (e.shiftKey && e.keyCode !==9)) {
                    return false;
                } else {
                    return true;
                }
            }

            function keyUp(e) {
                var valid = (e.keyCode > 46 && e.keyCode < 58) ||
                            (e.keyCode >= 96 && e.keyCode <= 105) ||
                            (e.keyCode === 8 || e.keyCode === 46 ||
                            e.keyCode === 109);
                if (!valid || e.shiftKey) {
                    return false;
                } else {
                    return true;
                }
            }


$('#edit-cost1').keydown(keyDown).keyup(keyUp);