jQuery自动完成：如何在建议区域中显示帮助文本

Question

我们最近对自动完成功能进行了更改，因为非常短的查询会在服务器上产生大量负载。你可以get the full story here。

我们现在已经将最小字符数从2增加到5，并且希望将此信息传达给可能认为该功能已损坏的用户。期望的结果是：

但是，我不知道如何在jQuery中执行“2个字符”。如果搜索框中有1-4个字符，则必须触发该事件。在五个字符处，自动完成小部件应该正常运行。

任何提示都非常感谢！非常感谢提前。

Answer 1

对于这种行为，您可以简单地截取输入上的“change”事件，计算input.val（）。length，并在输入下显示一个标签。

这样的事情：

$("#input").autocomplete().on("change", function() {
    var charsLeft = 5 - $(this).val().length;
    if (charsLeft > 0) { 
         $("#label").html(charsLeft + " more characters to go...")
    } else { 
         $("#label").html("");
    }
});