javascript - 使用jQuery在文本框上的onchange和焦点事件

这是小提琴
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("");

});

怎么写这两个函数？

最佳答案

$('#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">

使用on input事件
使用.val()获得输入值