自动完成 jQuery 没有结果消息且无法提交

Question

首先我一点也不擅长jQuery。关于 jQuery 自动完成，我想同时实现两个功能。如果没有匹配搜索结果的任何结果，第一个显示未找到结果的消息，在这种情况下，我想禁用提交输入字段。我读了很多书，并构建了一些部分可用的代码。我的意思是，如果没有找到结果，提交按钮将被禁用，但即使用户稍后选择了正确的建议，提交按钮仍将被禁用，我不需要它。

代码

$(function() {
    $( "#auto" ).autocomplete({
        source: 'scripts/chresults.php',
  response: function(event, ui) {
            if (ui.content.length === 0) 
            {
                $("#empty-message").text("No ruselts found");
                $(":submit").prop("disabled", !ui.item);
            }
            else 
            {
                $("#empty-message").empty();
            }
        }
    });
});

#empty-message { float: left; }

<form>
    <input type="text" id="auto" />
        <p id="empty-message"></p>
    <input type="submit"/>
</form>

See my test on JSFiddle

我正在寻找最简单的解决方案。

Answer 1

试试这个代码

$("#auto").autocomplete({
    source: availableTags,
    response: function(event, ui) {
        if (ui.content.length === 0) {
            $("#empty-message").text("No results found");
            $(":submit").attr("disabled","disabled");
        } else {
            $("#empty-message").empty();
            $(":submit").removeAttr("disabled");
        }
    }
});

自动完成 jQuery 没有结果消息且无法提交

Autocomplete jQuery with no results message & could not be submitted

javascript

jquery

autocomplete

submit