JSFiddle - React, Tailwind, and code Playground

HTML

<form action="">
<input id="one" type="text" pattern="[0-9]|1\d|2[0-3]" required>
<input id="two" type="number" min="1" max="23" required>
<input type="submit">
</form>

JavaScript

$("form").submit(function(){
                 check();
    });
    
    
    function check(e){
        console.log("check");
        var $two = $("#two"),
            val = $two.val(),
            min = $two.attr("min"),
            max = $two.attr("max");
                
        if ( (val>min) && (val <= max) ){
            console.log("number is valid!");
        }else{
            console.log("invalid number"); 
        }
    }