javascript - 自动完成时的 minLength 3 和使用 minLength 0 手动搜索的按钮

Question

我正在尝试创建一个自动完成功能，由于结果集的大小，当输入的字符少于 3 个时不会触发搜索。然而，有些名字实际上只有 1 或 2 个字母。

解决方案是允许用户单击输入中的放大镜来提交，或“强制通过”具有 1 或 2 个字符值的查询。

这是我现在的位置:HTML:

<input id="mainSearch" class="ui-front" name="mainSearch" type="text" data-role="autocomplete" placeholder="Recognize a UPSer">
<a href="#" class="bgbutton"></a>

jquery:

$('#mainSearch').autocomplete({
    appendTo: ".inputWrapper",
    minLength: 3,
    source: function (request, response) {
        var customer = new Array();
        $.ajax({
            async: false,
            cache: false,
            type: "POST",
            url: "//database//EmployeeDirectory/",
            data: { "filterText": request.term },
            error: function (data) { console.log('Error!'); },
            success: function (data) {
                for (var i = 0; i < data.length ; i++) {
                    customer[i] = {
                        label: data[i].FullName,
                        Id: data[i].UserID
                    };
                }
            }
        });
        response(customer);
    }
});

$('.bgbutton').on('click', function () {
    $('#mainSearch').autocomplete('option', 'minLength', 0);
    $('#mainSearch').autocomplete('search', '');
});

第一次尝试就可以了。但是，一旦输入 2 个字符，单击提交按钮，所有自动完成功能的 minLength 就会设置为 0。退格到一个字符将进行完整查询。

两个自动完成函数如何具有独立的 minLengths？

Answer 1

如果没有看到所有代码，就很难确定。但是，如果您在按钮单击事件结束时立即将 minLength 重置为 3，会发生什么情况？

$('.bgbutton').on('click', function () {
    $('#mainSearch').autocomplete('option', 'minLength', 0);
    $('#mainSearch').autocomplete('search', '');
    $('#mainSearch').autocomplete('option', 'minLength', 3);
});