input输入框只能输入三位整数,使用正则表达式,超出的内容自动为空
时间: 2023-12-05 13:03:26 浏览: 72
只能输入正整数的正则表达式及常用的正则表达式
5星 · 资源好评率100%
可以使用 JavaScript 来实现,监听 input 输入框的 `input` 事件,在事件处理函数中使用正则表达式匹配输入的内容,如果不符合要求则将 input 的 value 属性设置为空字符串。
示例代码如下:
```html
<input type="text" id="myInput" maxlength="3">
<script>
const inputEl = document.getElementById('myInput');
inputEl.addEventListener('input', function() {
const inputValue = inputEl.value;
const regex = /^\d{0,3}$/;
if (!regex.test(inputValue)) {
inputEl.value = '';
}
});
</script>
```
其中,`/^\d{0,3}$/` 表示开头和结尾必须匹配,且只能输入最多三个数字。`{0,3}` 表示重复 0 到 3 次,这样可以使用户在输入过程中超出三位时自动清空输入框。
阅读全文