Awesome jQuery plugin that suggests and autocompletes the domain in email fields

908

Today I am going to introduce one more awesome jQuery plugin that suggests and autocompletes the domain in email fields. This plugin helps 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. User can simply 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.)

Integrate Autosuggest/autocomplete email domains – Jquery Plugin

Follow below steps to integrate Autosuggest/autocomplete email domains on your web bases application.

Libraries

Include jquery.email-autocomplete.js with jquery library on page.

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

HTML

You should also have a email input field. Create One.

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

 

JS

Finally, call the plugin to the email input field. You can also add your custom domain name by just add domains properties with set of custom domain name array.

<script>
$("#email").emailautocomplete({
  domains: ["example.com"] //add your own domains
});
</script>

See live demo and download source code.

DEMO | DOWNLOAD

See official github repository for more information and follow for future updates. Don’t forget to read license for using above plugin in your commercial project.