JSFiddle - React, Tailwind, and code Playground

by Mark

HTML

<input type="text" class="number" />

CSS

.number {
    padding: 5px 10px;
    font-size: 16px;
}

JavaScript

$('.number').keypress(function (event) {
    if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
    if (($(this).val().indexOf('.') != -1) && ($(this).val().substring($(this).val().indexOf('.'), $(this).val().indexOf('.').length).length > 2)) {
        event.preventDefault();
    }
});