jquery自动完成,验证输入的值

Question

我正在使用jquery并寻找支持mustMatch选项的自动完成(用户必须输入存在的项目名称) - >这不是问题,因为有几个自动完成这样做.
问题是我需要自动完成功能来测试输入的值.
例如:

1. 用户输入"England".
2. 以"英格兰"开头的名单.
3. 用户未点击列表项(不选择英格兰),只需在输入外单击即可.
4. 支持mustMatch的大多数autocompltes将清除输入,因为用户没有从列表中进行选择.我正在寻找一个自动完成功能,它将验证"英格兰"是否存在并采取相应行动.

你知道这样的自动完成插件吗？或者你知道如何修改存在的插件吗？

Answer 1

jQueryUI的自动完成功能可以与ScottGonzález的autoSelect插件一起完成,并结合change小部件上的事件.如果您包含该插件,您只需要:

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

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