JSFiddle - React, Tailwind, and code Playground

HTML

<input type="number" name="usr_time" value="0" class="inputMargin" id="j-field-number-per-action"><div id="error">Please enter a number between 3-50.</div>

CSS

#error {
display: none;
}

JavaScript

$("#j-field-number-per-action").change(function(){
    var thevalue = parseInt($( "#j-field-number-per-action" ).val());
    if(thevalue >= 50){
        $("#j-field-number-per-action").val('');
        alert("greater than 50 here");
        $("#error").show();
    } else if(thevalue < 3){
        $("#j-field-number-per-action").val('');
        $("#error").show();
        alert("less than 3, boss");
    }
    else {
        $("#error").hide();
    }
});