Awesome jQuery plugin that suggests and autocompletes the domain in email fields
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.