javascript - 防止用户输入 0 作为输入

Question

我试图阻止用户在输入框中输入 0。

HTML 代码:

<input class="billMenuQuantity" type="number" name="quantity">

Jquery 代码:

   $('.billMenuQuantity').on('keyup keydown', function (e) {
        if ($(this).val() < 1 && e.keyCode != 46 && e.keyCode != 8) {
            e.preventDefault();
            $(this).val(1);
        }
    });

它阻止用户输入 0，但也阻止用户输入除 1 之外的任何其他单位数数字(即 2-9)。它接受双位数数字(即 11、12 等)。

谁能帮我解决这个问题吗？

Answer 1

Just test code === 96 and length of the input-value

$('.billMenuQuantity').on('keyup keydown', function(e) {
  var code = e.keyCode || e.which;
  if (this.value.length === 0 && code === 96) {
    e.preventDefault();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input class="billMenuQuantity" type="number" name="quantity">