JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="dot"> <br />
<input type="text" class="dot"> <br />
<input type="text" class="dot"> <br />

JavaScript

$('.dot').keydown(function(event) {

    var code = event.which;
    var foo = 0;
    // prevent if already dot
    if (code != 8 && code != 46) {
        if ((foo == 0) && (code != 190) && (event.which < 46 || event.which > 59)) {
            event.preventDefault();
        } // prevent if not number/dot
    }
    if ($(this).val().indexOf('.') > -1) {
        foo = 1;
        if (code == 190)
            event.preventDefault();
     }

});