JSFiddle - React, Tailwind, and code Playground

HTML

<input name="txthours" type="text" id="txthours" maxlength="2"/>
<span id="Errormessage"></span>

JavaScript

$('#txthours').bind('input', function() {  
    
     var Hours =$("#txthours").val();
    this.value = this.value.replace(/[^0-9]/g,'');
        if (Hours < 1 || Hours > 24)
        { $(this).val($(this).val().substring(0,$(this).val().length-1))
            $('#Errormessage').html('Must enter a time between 0-24 hours');                
         }
    
});