A repository of over 1000 quality jQuery plugins

jQuery Email Autocomplete

Email Autocomplete is a jQuery Autocomplete plugin.

Created by 10w042

A jQuery plugin that suggests and autocompletes the domain in email fields.

Not what you're looking for? Click here to view more Autocomplete jQuery plugins

jquery.email-autocomplete.js v0.1.1

Build Status

A jQuery plugin that suggests and autocompletes the domain whenever your users type in an email address field.

What does it do?

When your user types in "user@gm", the plugin will suggest for e.g. "user@gmail.com", based on the first result from a list of predefined email domains.


Press the tab-key, or simply click on the suggestion to automatically fill in the rest of the domain. (or tap on the suggestion for mobile users.)

You can also use the right arrow key.

See a live demo here.



bower install email-autocomplete --save


Download or clone this repo and copy dist/jquery.email-autocomplete.min.js into your javascripts directory.

Usage (jQuery)

Just add jquery.email-autocomplete.min.js into your HTML, before your closing .

<script src="jquery.min.js"></script>
<script src="jquery.email-autocomplete.min.js"></script>

You should also have a email input field.

<input id="email" name="email" type="email" />

Now, attach the plugin to the email input field.

  suggClass: "custom-classname", //default: "eac-sugg". your custom classname (optional)
  domains: ["example.com"] //additional domains (optional)


Use the following CSS to style the suggestion text color. Remember to update the classname if you've changed it to a custom one.

.eac-sugg {
  color: #ccc;


Email Autocomplete has its own default domains if the domains option isn't provided.

  • gmail.com
  • googlemail.com
  • yahoo.com
  • yahoo.co.uk
  • hotmail.com
  • hotmail.co.uk
  • live.com
  • msn.com
  • comcast.net
  • sbcglobal.net
  • verizon.net
  • facebook.com
  • outlook.com
  • att.net
  • gmx.com
  • icloud.com
  • me.com
  • mac.com
  • aol.com



Copyright (c) 2016

Licensed under the MIT License.

Known Issues:

  • On android stock browser, if "Settings > Accessibility > Scale text up and down" value is not at 100%, text width is unabled to be retrieved correctly.

You might also like these other Autocomplete jQuery Plugins

  • Asdfasdf.js

    Auto save data form- The easiest way to not let your user lose their data while filling a form.

  • jQuery Typeahead

    jQuery Typeahead plugin (autocomplete) for search input

  • JQueryTimeAutocomplete

    jQuery autocomplete plugin that works with times. Works basically the same as Google Calendars time input when you add an event. Example:...


Copyright (c) 2014 by Low Yong Zhen