javascript - onchange 并使用 jquery 将事件集中在文本框上

Question

这是 fiddle https://jsfiddle.net/or0db22d/

如果文本框内容的长度大于 3，我想显示该 div 错误然后显示该 div 错误为错误格式

当文本框没有被输入或失去焦点时，div 错误应该消失

HTML

<div id="errorholder">
</div>
<br />
<input id="txtbox" type="text">

JS

$('#txtbox').onchange(function(e) 
{
if($(this).length >3)
$('#errorholder').text("wrong format");

});

$('#txtbox').focusout(function(e) 
{
$('#errorholder').text("");

});

这两个函数怎么写？

Answer 1

$('#txtbox').on('input', function(e) {
  if ($(this).val().length > 3)
    $('#errorholder').text("wrong format");
  else
    $('#errorholder').text("");
});

//$('#txtbox').focusout(function(e) {
//  $('#errorholder').text("");

//});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="errorholder">
</div>
<br />
<input id="txtbox" type="text">

1. 使用输入事件
2. 使用.val()获取输入值