input限制输入字数,超过用alert提示
时间: 2023-07-20 14:09:14 浏览: 233
INPUT输入限制
要限制输入字数并在超过限制时用alert提示,可以使用JavaScript编写一个验证函数,并在输入框的oninput事件中调用该函数进行验证。
以下是一个简单的JavaScript验证函数示例:
```javascript
function limitInputLength(inputElement, maxLength) {
// 获取输入框的值
var inputValue = inputElement.value;
// 如果输入框的值超过最大长度
if (inputValue.length > maxLength) {
// 截取输入框的值,保留前maxLength个字符
var newValue = inputValue.substr(0, maxLength);
// 将截取后的值设置回输入框
inputElement.value = newValue;
// 使用alert提示用户
alert("输入字数不能超过" + maxLength + "个字符!");
}
}
```
在HTML中,可以将该函数绑定到输入框的oninput事件中,例如:
```html
<input type="text" id="inputId" oninput="limitInputLength(this, 10)">
```
其中,"inputId"是输入框的id属性值,需要根据实际情况进行替换;"10"是输入框的最大长度,也可以根据实际情况进行替换。
在用户在输入框中输入时,该函数会自动调用进行验证,如果超过最大长度,就会截取输入值并用alert提示用户。
阅读全文