Naor Naor - 8 months ago 40
Javascript Question

jquery autocomplete that validates entered value

I am using jquery and looking for a autocomplete that will support the mustMatch option (where the user must enter an exists item name) -> this is not a problem since there are several autocompletes that do so.

The problem is that I need the autocomplete will test the entered value.

For example:

  1. The user enters "England".

  2. A list opened with "England".

  3. The user doesn't hit the list item (don't select England), but just click outside the input.

  4. Most autocompltes that support mustMatch will clear the input because the user doesn't select from the list. I am looking for an autocomplete that will validate whether "England "exists or not and act accordingly.

Do you know such autocomplete plugin? Or maybe do you know how can I modify an exists plugin to do so?


jQueryUI's autocomplete can do this along with Scott González' autoSelect plugin, combined with the change event on the widget. If you include the plugin, all you should need is:

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