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

jquery autocomplete that validates entered value

本文关键字:验证 输入 用于 jquery      更新时间:2023-09-26

我正在使用jquery,并寻找一个支持mustMatch选项(用户必须输入现有项名称)的自动完成程序->这不是问题,因为有几个自动完成程序可以做到这一点。
问题是我需要自动完成来测试输入的值
例如:

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

你知道这样的自动完成插件吗?或者你知道我如何修改现有的插件吗?

jQueryUI的自动完成可以与Scott Gonzá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/