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

美度

首先,我对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>

查看我在JSFiddle上的测试

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

德武索

试试这个代码

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章