Javascript 防止最小值>;输入类型上的最大值=数字

Javascript 防止最小值>;输入类型上的最大值=数字,javascript,jquery,Javascript,Jquery,我有两个输入数字(最小值和最大值)。有没有办法防止用户插入诸如“最小值>最大值”之类的值 <input type="number" class="inputMin" placeholder="Min."> <input type="number" class="inputMax" placeholder="Max."> 您可以使用参数min和max如: <form> Quantity (between 1 and 5): <input typ

我有两个输入数字(最小值和最大值)。有没有办法防止用户插入诸如“最小值>最大值”之类的值

<input type="number" class="inputMin" placeholder="Min.">

<input type="number" class="inputMax" placeholder="Max.">

您可以使用参数
min
max
如:

<form>
  Quantity (between 1 and 5):
  <input type="number" name="quantity" min="1" max="5">
</form>

数量(介于1和5之间):
参考:(输入类型:数字)


您还可以使用Javascript检查值是否为
=min\u number
,您可以使用多种不同的方法来执行此操作

一个选项是,无论何时更改最小值,如果它大于最大值,请将其更改为等于最大值,如下所示:

$('.inputMin').on('change', function() {
    var max = parseFloat($('.inputMax').val());                                     
    var min = parseFloat($('.inputMin').val());
    if (min > max) {
        $('.inputMin').val(max);
    }
});
或者,当您更改最大值时,情况正好相反:

$('.inputMax').on('change', function() {
    var max = parseFloat($('.inputMax').val());                                     
    var min = parseFloat($('.inputMin').val());
    if (min > max) {
        $('.inputMin').val(max);
    }
});
另一个选项是在提交表单时显示错误,或者在用户更改输入时动态显示错误


有许多javascript库允许您非常轻松地进行动态验证。签出,以及如何使用它。

如果没有JQuery,您可以尝试以下方法:

(您必须将
更改为
id


你可以试试看。

显示你试过代码。@Burki那完全没有必要。如果我没有共享任何代码,这意味着我没有找到任何东西,否则我就不会在这里问。是吗?好您可能需要查看帮助会话。你问问题的方式应该是结束它的理由。我试着用一种不那么咄咄逼人的方式来指出这一点,但好吧,最后由你决定。谢谢你,伙计。我试过了,但似乎不起作用:忘记包含
parseFloat
。刚刚更新了答案。
var min = document.getElementById("inputMin");
var max = document.getElementById("inputMax");

function check() {
    if (min.value > max.value) {
        min.value = max.value;
    }
};

min.addEventListener("input", check, false);
max.addEventListener("input", check, false);