input表单限制输入字数,超过字数提示
时间: 2023-07-20 21:06:36 浏览: 108
输入框字数限制
4星 · 用户满意度95%
你可以通过以下方式来限制输入字数和进行提示:
1. 使用 HTML5 中的 `maxlength` 属性来限制输入字数。
```html
<input type="text" maxlength="50">
```
上面的代码将限制输入框中的字符数不超过 50 个。
2. 使用 JavaScript 监听输入事件,当输入字符数超过限制时进行提示。
```html
<input type="text" id="myInput">
<script>
const input = document.getElementById("myInput");
const maxLength = 50;
input.addEventListener("input", function() {
const currentLength = input.value.length;
if (currentLength > maxLength) {
alert(`输入字数不能超过 ${maxLength} 个!`);
input.value = input.value.slice(0, maxLength);
}
});
</script>
```
上面的代码将监听 `input` 事件,当输入框中的字符数超过 `maxLength` 时,弹出提示框并截断输入内容。
阅读全文