基于 JQuery UI Autosuggest Responses 显示消息

Question

我有一个表单可以成功显示来自远程数据库的 jquery UI 自动建议响应。我想：

• 根据回复显示自定义消息（例如，您有 10 个建议项目）
• 只有在没有自动建议响应的情况下才允许提交（验证）表单。

我不确定执行此操作的最佳方法。我正在探索 AJAX 验证作为一个单独的东西，但也许有一种方法可以自定义 jquery UI 代码来显示消息并验证表单。

我很乐意提供任何代码，但现在它只是一个简单的 jquery 自动建议功能。

Answer 1

查看自动完成功能上的.data() 功能，用于自定义消息显示。 JqueryUI 文档中显示的示例使用它来显示自定义数据格式。您可以通过执行以下操作来附加您的建议计数：

$('#element').append(item.length + 'suggestions')

至于验证，如果没有项目，您可以根据您返回的响应启用/禁用提交按钮，或者使用有关如何提交表单的信息填充隐藏元素。