Auto-Complete Email Addresses with jQuery Auto Email Plugin

Yet another jQuery plugin designed for email fields that autocompletes email addresses from a pre-defined domain list. The plugin will auto fill and highlight the email's domain while your user types '@' into the email input field.

See also:

• jQuery Plugin For Email Address Auto Complete - mailtip
• Simple jQuery Email Autocomplete & Suggestion Plugin

How to use it:

1. Load the jQuery library and jQuery auto mail plugin at the end of the document.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="auto-email.js"></script>

2. Create a normal email input field with in the document.

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

3. Call the plugin on the email input filed and custom the domain list.

<script>
$(document).ready(function () {
$("#email").autoEmail(
["gmail.com", "yahoo.com", "outlook.com", "jqueryscript.net"], // an array of domains to autocomplete
true // enables the user to enter multiple emails in the field
);
});
</script>

---

This awesome jQuery plugin is developed by chrisyuska. For more Advanced Usages, please check the demo page or visit the official website.