JSFiddle - React, Tailwind, and code Playground

HTML

<form method="get" action="http://www.random.org/integers/">

    <p> Generate 
        <input type="text" id="generate" name="num" value="100" size="6" maxlength="5" /> 
                    random integers (maximum 10,000).
    </p>

    <p>Each integer should have a value between 
        <input type="text" name="min" value="1" size="12" maxlength="10" /> and 
        <input type="text" name="max" value="100" size="12" maxlength="10" />

    </p>

    <p>Format in 
        <input type="text" name="col" value="5" size="2" maxlength="6" /> columns.
    </p>
    <p> Choose your base: 
         <select name="base">
              <option value="2"> 2 </option>
              <option value="8"> 8 </option>
              <option value="10"> 10 </option>
         </select>

    </p>


    <p>
         <input type="button" class="submit" onclick="check()" value="Get Numbers" />
                 <input type="submit" id="frmsub"  style="display:none" />

         <input type="reset" class="submit" value="Reset Form" />
         <input type="button" class="submit" value="Switch to Advanced Mode"/>
    </p>

    </form>

JavaScript

function check(){
    if($("#generate").val() > 0 || $("#generate").val() < 10){
        alert("NO");
        return;
    }
    //add your further condition here
    
    $("#frmsub").click();
}