jquery - 自动完成文本框----未找到值

Question

我已经使用 jquery 函数实现了一个自动完成文本框，并从数据库中获取建议值。一切看起来都很好。

但如果没有找到匹配的数据，我想向用户显示一些用户友好的消息，说“没有找到匹配”并清除文本框。我该如何实现这个？

添加了当前代码

function txtAutoComplete(acUrl, minLength, txtbxId) {
    $("#" + txtbxId).autocomplete({
        minLength: minLength, 
        source: function (request, responseFn) {
                $.post(acUrl, null, function (resp) {
                var txtValue = $.ui.autocomplete.escapeRegex(request.term);
                var matcher = new RegExp("^" + txtValue, "i");
                var a = $.grep(resp, function (item, index) {
                    return matcher.test(item);
                });
                responseFn(a);
            });
        }

感谢尤里·罗佐韦茨基。

var error = 'No match';
if (a.length == 0) {
    responseFn(error);
}
else {
    responseFn(a);
}

但是错误建议是垂直显示的，我怎样才能让它像正常的自动建议一样显示。 谢谢

Answer 1

您可以在源函数中执行所有这些工作:

source: function (request, responseFn) {
    $.post(acUrl, null, function (resp) {
        var txtValue = $.ui.autocomplete.escapeRegex(request.term);
        var matcher = new RegExp("^" + txtValue, "i");
        var a = $.grep(resp, function (item, index) {
            return matcher.test(item);
        });

        if(a.length == 0){
            alert("No matches found");
            $("#" + txtbxId).val("");
        }
        responseFn(a);
    });
}