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);