问题大于用户使用jquery输入的值

当用户输入的消耗量大于库存量时，则显示错误消息，否则不显示错误消息

在图中显示3小于15，所以它仍然显示错误消息，这是错误的

如果用户在消费数量字段中输入11，则不显示错误消息

问题：如果用户输入从9到2的数字，则显示错误消息

<input id="stock_qty" type="text" name="stock_qty" value="15" style="display:none;">
<input id="consume_qty" type="text" name="consume_qty">
<span id="error" style="display: none;font-size: 12px;color: red;">Quantity has been increased.</span>

<script>
  $("#consume_qty").on('change', function() {
  if ($('#consume_qty').val() > $('#stock_qty').val()) {
            $('#error').show();
        } 
  else{
    $('#error').hide();
   }
  });
</script>

数量增加了。
$（“#消费数量”）。在（'change'，function（）上{
如果（$（“#消费数量”）.val（）>$（“#库存数量”）.val（））{
$（“#错误”）.show（）；
} 
否则{
$（“#错误”）.hide（）；
}
});

请在

.change（）

处理程序上执行此检查，并使用

parseFloat（）

将值转换为数字

---

或者更好的方法是，使用jQuery验证插件并参考创建自定义验证方法。

您的代码应该可以，但您需要通过对输入进行模糊或聚焦来触发更改事件。如果要在输入过程中进行检查，请使用输入事件

（'input'，function（）上的“#consumer_quaty”）{ 如果（$（“#消费数量”）.val（）>$（“#库存数量”）.val（））{ $（“#错误”）.show（）； }否则{ $（“#错误”）.hide（）； } });

数量已增加。

对事件运行比较并将其绑定到消费。可能在更改、按键、模糊、输入时选择最适合您的场景我更新了我的代码检查它please@Hayamkhan它不起作用吗？仍然不起作用这个答案和OP一样。没有给出解释

$('#consume_qty').change(function () {  
    var stock = parseFloat($('#stock_qty').val());
    var consume = parseFloat(this.value);

    $('#error').toggle(consume > stock);
});