如何在html文本输入框中输入文本时执行jquery函数？

Question

我有这样

<input type="text" class="input-box"> 

我希望在输入框装满4个字符，执行一个jQuery功能的HTML代码。

例如，我键入“ABCD”，那么该函数将被执行，而不是“AB”或“ABC”类似的东西。我怎样才能做到这一点？

Answer 1

绑定的事件处理程序，并检查文本长度的基础上，长度调用函数

$('.input-box').on('input', function() { 
 
    if (this.value.trim().length >= 4) { 
 
    // call your function here 
 
    doIt(); 
 
    } 
 
}); 
 

 
function doIt() { 
 
    alert('hi'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="text" class="input-box">