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

时间:2012-03-17 14:34:13

标签: javascript jquery jquery-ui autocomplete

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

  1. 用户输入“England”。
  2. 以“英格兰”开场的名单。
  3. 用户未点击列表项(不选择英格兰),只需在输入外单击即可。
  4. 支持mustMatch的大多数autocompltes将清除输入,因为用户没有从列表中进行选择。我正在寻找一个自动填充程序,它将验证“英格兰”是否存在并采取相应行动。
  5. 你知道这样的自动完成插件吗?或者你知道如何修改存在的插件吗?

1 个答案:

答案 0 :(得分:11)

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/