input限制输入字数,超过用alert提示
时间: 2023-07-20 15:07:30 浏览: 164
INPUT输入限制
好的,以下是一个简单的实现示例:
HTML:
```html
<input type="text" id="input" maxlength="10">
```
JavaScript:
```javascript
const input = document.getElementById("input");
input.addEventListener("input", () => {
if (input.value.length > input.maxLength) {
alert(`输入字数不能超过 ${input.maxLength} 个`);
input.value = input.value.substring(0, input.maxLength);
}
});
```
这段代码会在用户输入时监听 `input` 事件,如果输入的字符数超过了 `maxlength` 属性指定的最大值,就会弹出一个提示框,并截取输入框中的文本,以确保不超过指定的长度。
阅读全文