Multiple Email Input Field In jQuery - multi-emails

Multiple Email Input Field In jQuery - multi-emails
File Size: 5.22 KB
Views Total: 86
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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.