Javascript 根据隐藏的文本框选中最小最大数

如果textbox1中的值超过页面中隐藏的textbox2中的值，我想验证它

我最初编写了一段代码，将检查静态最大值100，但是最大值是动态的，取决于textbox2中的值

我的PHP/MYSQL代码：

$sql_stmt = "SELECT user_val, max_val from table1";
$result = mysqli_query($link, $sql_stmt);

while($row=mysqli_fetch_array($result))
{

/** JS for validating input in textbox1 **/
echo "<script>";
echo "function minmax(value, min, max) 
{
if(parseInt(value) < min || isNaN(parseInt(value))) 
return 0; 
else if(parseInt(value) > max) 
return 0; 
else return value;
}
";
echo "</script>";

/*** Textbox1 ***/
echo "<input type='text' onkeyup='this.value = minmax(this.value, 0, 100)' />";

/*** Textbox2 ***/
echo "<input type='hidden' value=".$row['max_val']." />";

}

代码当前限制为最大值100，我希望它根据textbox2中的值而变化，将id属性添加到隐藏的textbox中，如下所示：

echo "<input id='maximumTextBox' type='hidden' value=".$row['max_val']." />";

---

假设min是静态的。如果要动态加载最小值，可以与加载最大值相同。

要实现哪种验证？如果textbox2的最大数量大于textbox1，代码段是否应提示消息？

function minmax(value, min)
{
    // get the maximum value from the hidden textbox using the id above.
    var max = parseInt(document.getElementById('maximumTextBox').value);

    value = parseInt(value);
    if(isNaN(value) || value < min || value > max) 
        return 0; 
    else
        return value;
}