javascript - 设置数据库 javascript 中 html 输入数量的最大值

Question

我需要将输入数字的最大值设置为数据库中剩余的数量。有可能或者有一些方法可以做到这一点吗？我需要先验证输入的值是否等于或小于剩余的股票，如果大于则提示输入必须小于或等于最大值。

数据库示例:

id_item | item          | brands    | max
- - - - - - - - - - - - - - - - - - - - - - -
1       | Shampoo       |creamsilk  |2
2       | conditioner   |creamsilk  |5
3       | soap          |safeguard  |7

Answer 1

在客户端，您可以使用 onChange 验证输入值事件
示例:

document.getElementById('input')
  .addEventListener('change', (event) => {
      if (event.target.value > 3) {
           alert('there is only 3 shampoo left');
      }
  });

<input type="number" id="input" />