jQuery使用oninput事件检验输入的值
时间: 2023-09-20 16:08:36 浏览: 155
jQuery如何封装输入框插件
可以使用jQuery的oninput事件来检验输入的值,以下是一个示例:
HTML代码:
```
<input type="text" id="inputField">
<div id="errorMessage"></div>
```
jQuery代码:
```
$(document).ready(function() {
$('#inputField').on('input', function() {
var inputValue = $(this).val();
if (inputValue.length < 5) {
$('#errorMessage').text('输入的值不能少于5个字符');
} else {
$('#errorMessage').text('');
}
});
});
```
上述代码中,我们在文本框中添加了一个oninput事件监听器。每次输入时,我们获取输入框的值,并检查是否小于5个字符。如果是,我们在页面上显示一条错误消息。否则,我们清空错误消息。
阅读全文