JSFiddle - React, Tailwind, and code Playground

by Anand Jee

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
    Input Only Number: &nbsp; <input type="number" id="txtnumber" max="999999999">

JavaScript

$("#txtnumber").keydown(function (event) {
            if (event.shiftKey == true) {
                event.preventDefault();
            }
            if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode == 46 || event.keyCode == 190 || event.keyCode == 110) {
            } else {
                event.preventDefault();
            }
            if (($(this).val().indexOf('.') !== -1 && event.keyCode == 190) || $(this).val().indexOf('.') !== -1 && event.keyCode == 110)//Allow only one time decimal to input
                event.preventDefault();
        });
        $("#txtnumber").keyup(function () {
            var number = ($(this).val().split('.'));
            if (number[1].length > 2) {
                var FNumber = parseFloat($("#txtnumber").val());
                $("#txtnumber").val(FNumber.toFixed(2));
            }

 
        });