javascript - 如何将范围设置为两个输入框，然后将其分割...

Question

我有这两个输入字段，它自动将第一个输入除以第二个。

第一个输入字段：

<input type="text" name="MyName1" id="1" value="1000.00" onkeyup="getValues(1)" size="10">

第二个输入字段：

<input type="text" name="MyName2" id="2" value="26" onkeyup="getValues(2)" size="10">

输出：

<input type="text" id="main" name="MyOutput" size="5" value=38.46>

还有我的脚本：

<script language="javascript">
    function getValues(val){
        var numVal1=parseFloat(document.getElementById("1").value,10);
        var numVal2=parseFloat(document.getElementById("2").value,10);
        var totalValue = numVal1 / numVal2; 
        document.getElementById("main").value = totalValue.toFixed(2);
    }
</script>

如何为两个输入字段添加最小/最大范围，以便第一个输入字段接受的唯一范围为 200-1000，第二个输入字段为 1-26。如果值不在指定范围内，警报也会很酷。

谢谢！！！

Answer 1

做一个简单的区间检查：

function getValues(val){
var numVal1=parseFloat(document.getElementById("1").value,10);
var numVal2=parseFloat(document.getElementById("2").value,10);
var totalValue = numVal1 / numVal2; 
if(numVal1 >= 200 && numVal1 <= 1000){
  document.getElementById("1").style.borderColor='red';
}else{
  document.getElementById("1").style.borderColor='';
}
if(numVal2>= 1&& numVal2 <= 26){
  document.getElementById("2").style.borderColor='red';
}else{
  document.getElementById("2").style.borderColor='';
}
document.getElementById("main").value = totalValue.toFixed(2);
}