【前端】input输入框大于0小于200的整数,如果输入的不是大于等于 0 的整数,则不允许输入
时间: 2024-02-05 08:14:07 浏览: 73
jquery输入框不能超过指定的数,如果超过不能输入
4星 · 用户满意度95%
可以使用 `oninput` 事件来监听输入框的输入,然后在事件处理函数中对输入内容进行判断,如果不是大于等于0的整数,则阻止输入。代码如下:
HTML:
```html
<input type="number" min="0" max="200" oninput="checkInput(event)">
```
JavaScript:
```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` 属性,来限制输入框的取值范围。
阅读全文