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. “[email protected]”, 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.
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.
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.
