首页input限制输入字数，超过用alert提示

input限制输入字数，超过用alert提示

时间: 2023-07-20 15:14:19 浏览: 59

好的，我可以帮您编写一个简单的 JavaScript 代码来实现这个功能。以下是一个示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>限制输入字数</title> </head> <body> <label for="input">输入框：</label> <input type="text" id="input" maxlength="10" /> <script> const input = document.getElementById("input"); input.addEventListener("input", (event) => { const maxLength = input.getAttribute("maxlength"); const currentLength = input.value.length; if (currentLength > maxLength) { alert(`输入字数不能超过 ${maxLength} 个！`); input.value = input.value.slice(0, maxLength); } }); </script> </body> </html> ``` 这段代码会创建一个文本输入框，限制输入的最大字数为10个。当用户输入的字数超过10个时，会弹出一个警告框，提醒用户不能超过指定字数，并且自动截断多余的输入。您可以根据需要修改最大字数的值。