【前端】input输入框大于0小于200的整数，如果输入的不是大于等于 0 的整数，则不允许输入

可以使用 `oninput` 事件来监听输入框的输入，然后在事件处理函数中对输入内容进行判断，如果不是大于等于0的整数，则阻止输入。代码如下：

HTML：

<input type="number" min="0" max="200" oninput="checkInput(event)">

JavaScript：

function checkInput(event) {
  const input = event.target;
  const value = input.value;
  if (value !== '' && (!/^[0-9]*$/.test(value) || parseInt(value) < 0)) {
    input.value = '';
  }
}

上面的代码中，我们首先获取输入框的值，然后使用正则表达式判断是否为数字，如果不是数字或小于0，则将输入框的值清空。同时，我们在 HTML 中设置了 `min` 和 `max` 属性，来限制输入框的取值范围。

相关问题

【前端】input输入框大于0小于200的整数

可以使用 HTML5 中的 input 元素的 `type="number"` 属性来限制用户输入为数字类型，再利用 `min` 和 `max` 属性来限制数字范围为大于0小于200的整数。同时，可以使用 JavaScript 的 `oninput` 事件监听用户输入，以便在用户输入非法数字时给出提示。

示例代码如下：

<input type="number" min="1" max="199" oninput="checkInput()" />

<script>
function checkInput() {
  const input = document.querySelector('input');
  const value = input.value;
  if (value === '') { // 用户未输入时不进行检查
    return;
  }
  const num = parseInt(value);
  if (isNaN(num) || num <= 0 || num >= 200) { // 非法数字
    alert('请输入大于0小于200的整数');
    input.value = ''; // 清空输入框
  }
}
</script>

这样，当用户输入非法数字时，会弹出提示框并清空输入框。

【前端】input输入框大于0的整数

你可以使用 HTML5 的 input 标签中的 type 属性为 number，然后添加 min 属性为 1，如下所示：

<input type="number" min="1">

这样就可以限制用户只能输入大于等于1的整数。但是需要注意的是，这种方式可能会因为不同浏览器对 HTML5 标准的实现不同导致在某些浏览器上无法工作。所以最好还是在后端对数据进行验证。