Multiple Email Input Field In jQuery - multi-emails

multi-emails is a tiny email address management plugin that generates an email list by entering multiple email addresses separated by a comma character (,) in a single input field.

More Features:

• Click “X” to delete the corresponding email address.
• Check if the email address is valid before added to the email list.

See Also:

• Insert Multiple Email Addresses Into An Text Field - jQuery email.multiple
• Gmail-style Email Address Input Plugin - jQuery GmailTagsInput
• Email Address Input Enhancement Plugin With jQuery - Emailinput
• jQuery Plugin For Email Address Management - Multiple Emails

How to use it:

1. Add jQuery library and the jQuery multi-emails plugin's files to the web page.

<link rel="stylesheet" href="/path/to/css/jquery.multi-emails.css" />
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/js/jquery.multi-emails.js"></script>

2. Create an input field for email addresses.

<input type="text" id="email-addresses" />

3. Call the function multiEmails() on the email input and done.

$(function(){
  $("#email-addresses").multiEmails();
});

4. Specify the background & text color of the email list.

$(function(){
  $("#email-addresses").multiEmails({
    color: "#343a40",
    textColor: "#000000"
  });
});

5. Determine whether to use Font Awesome for the remove icon. Default: false.

$(function(){
  $("#email-addresses").multiEmails({
    // requires loading the latest Font Awesome
    fontAwesome: true
  });
});

---

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