Question

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

代码

＆＃13;

$(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();
            }
        }
    });
});

＆＃13;

#empty-message { float: left; }

＆＃13;

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

＆＃13;

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，没有结果消息＆amp;无法提交

1 个答案: