Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 880
Naor Avatar asked Mar 15 '26 05:03

Naor


1 Answers

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:

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

Example: http://jsfiddle.net/qb59C/

like image 70
Andrew Whitaker Avatar answered Mar 16 '26 19:03

Andrew Whitaker



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!