javascript - 在 minLength = 3 时触发 jQuery UI 自动完成，但在只有数字时触发 1

Question

我有一个自动完成输入字段，我希望它搜索带有标签(文本)和 ID(整数)的对象。

自动完成功能必须允许用户在文本标签或 ID 上进行搜索。服务器部分没问题，但在客户端部分，我想在用户输入至少一个字母时在 minLength=3 处触发搜索，但在只有数字的第一个字符处触发搜索(如果没有，它会丢失所有 id <=99).

代码:

$("#my_input").autocomplete({
    minLength : 1,
    delay:200,  source: function(request,response){ 
       ... 
} });

如果至少有 1 个字母，如何防止在少于 3 个字符时触发自动完成？

Answer 1

您可以使用 search 属性在执行搜索之前添加额外的检查。

 search: function( event, ui ) {
    var value = document.getElementById('my_input').value;

    // If not a number and less than three chars, cancel search.
    if(isNaN(value) && value.length < 3){   
      event.preventDefault();
    }

See a full working example here