JSFiddle - React, Tailwind, and code Playground

HTML

<input name="major" size="1" value="4" class="major_rev">.
<input name="minor" size="1" value="24" class="minor_rev">

JavaScript

$(document).ready(function() {
    //For numeric
	$(".major_rev").keydown(function(event) {
		// Allow only backspace and delete
		if ( event.keyCode == 46 || event.keyCode == 8) {
			// let it happen, don't do anything
           
		}
		else {
			// Ensure that it is a number and stop the keypress
			if ((event.keyCode !==9) && (event.keyCode < 48 || event.keyCode > 57 )) {
				event.preventDefault();	
			}	
                else{
                 
              if($.trim($(this).val()) =='')
            {
                if(event.keyCode == 48){
                event.preventDefault();	
                }
            }
                    
            }
		}
	});
    $(".minor_rev").keydown(function(event) {
		// Allow only backspace and delete
		if ( event.keyCode == 46 || event.keyCode == 8 ) {
			// let it happen, don't do anything
            if($.trim($(this).val()).length==0)
            {
                if(event.keyCode==48){
                event.preventDefault();	
                }
            }
		}
		else {
			// Ensure that it is a number and stop the keypress
			if (event.keyCode < 48 || event.keyCode > 57 ) {
				event.preventDefault();	
			}	
            else{
                 
              if($.trim($(this).val()) =='')
            {
                if(event.keyCode == 48){
                event.preventDefault();	
                }
            }
            }
		}
	});
    //For MaxLength
    $(".major_rev").prop("maxlength","4");
    $(".minor_rev").prop("maxlength","4");
});