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

Question

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

代码

$(function() { 
 
    $("#auto").autocomplete({ 
 
     source: 'scripts/chresults.php', 
 
\t \t 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"); 
     } 
    } 
});