ansaurus

Question

I want to enable jquery autocomplete when user enters @

Answer 1

A:

Let me first clean your code up a little:

$(document).ready(function()
{
      var autocompOpts = {
          minChars:0,
          matchSubset:false,
          matchContains: true,
          disabled: true,
          source :[
              "@gmail.com",
              "@yahoo-inc.com",
              "@yahoo.com",
              "@yahoo.co.in",
              "@rediff.com",
              "@rediffmail.com",
              "@hotmail.com", 
              "@msn.com"
          ]
      };

      var input = $("#autocomplete");
      input.autocomplete(autocompOpts);

      input.bind('keyup', function(event)
      {
          if(event.shiftKey == 1 && event.keyCode == 50)
          {
              input.autocomplete({disabled: false});
          }
      });
  });

Done some small fixes and code cleaning, give that a try.

Also, are you even including the libary ?

<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"&gt;&lt;/script&gt;

RobertPitt 2010-08-27 11:30:54

It is not not working. I have used key event for user input of @and I did disabled to false but it does give me autocomplete.Whats the problem.

2010-08-28 06:29:41

i think event might be a private keyword, try changing `function(event)` to `function(e)`, otherwise the code looks perfect it has to be a problem with the autocomplete ext; try use chrome and hit `Ctrl-Shift-J` to open the console.

RobertPitt 2010-08-28 12:39:07

Answer 2

A:

Here we go: On jsfiddle.net

The code:

$(document).ready(function() {
    var autocompOpts = {
        minChars:0,
        matchSubset:false,
        matchContains: true,
        source : []
    };

    var domains = [
        "@gmail.com",
        "@yahoo-inc.com",
        "@yahoo.com",
        "@yahoo.co.in",
        "@rediff.com",
        "@rediffmail.com",
        "@hotmail.com",
        "@msn.com"
    ];

    var input = $("#autocomplete");
    input.autocomplete(autocompOpts);

    input.bind('keyup', function(event) {
        if (event.shiftKey == 1 && event.keyCode == 50) {
            var userName = $(this).val();
            userName = userName.substring(0, userName.length - 1);
            var emailIDs = [];
            $.each(domains, function(index,domain){
                emailIDs.push(userName + domain);
            });
            autocompOpts.source = emailIDs;
            $(this).autocomplete(autocompOpts);
        }
    });
});

Floyd Pink 2010-08-28 15:43:35

It is working but it is taking too much time after entering @ symbol.Or some time autocomlte does populate.

2010-08-30 04:39:29

All the best with a faster solution... :)

Floyd Pink 2010-08-30 11:24:29

ansaurus

tags:

views:

answers:

I want to enable jquery autocomplete when user enters @

related questions