验证输入值的jquery自动完成

Question

我正在使用 jquery 并寻找支持 mustMatch 选项的自动完成功能（用户必须在其中输入存在的项目名称）-> 这不是问题，因为有几个自动完成功能可以这样做。
问题是我需要自动完成功能来测试输入的值。
例如：

1. 用户输入“英格兰”。
2. 以“England”打开的列表。
3. 用户没有点击列表项（不要选择英格兰），而只是在输入之外单击。
4. 大多数支持 mustMatch 的自动完成都会清除输入，因为用户没有从列表中选择。我正在寻找一个自动完成功能来验证“英格兰”是否存在并采取相应措施。

你知道这样的自动完成插件吗？或者您知道如何修改现有插件来做到这一点？

Answer 1

jQueryUI's autocomplete 可以与Scott González' autoSelect plugin 一起执行此操作，并结合小部件上的change 事件。如果你包含插件，你只需要：

$("#auto").autocomplete({
    source: ['England', 'Germany', 'Denmark', 'Sweden', 'France', 'Greece', 'Italy'],
    change: function (event, ui) {
        if (!ui.item) {
            this.value = '';
        }
    }
});

示例： http://jsfiddle.net/qb59C/