Email Genie
Allows autocomplete on email field by providing a list of domain suggestions (gmail.com, outlook.com, etc.). This package is lightweight, flexible, compatible with libraries (jQuery, etc.) / frameworks (React, Angular, Vue, etc.) and maximize native behaviors on desktop AND mobile browsers.
Examples
Installation
npm i email-genie
Import
CDN
;">
<script src="https://unpkg.com/email-genie"></script>;
Classic
const EmailGenie = require('email-genie');
ES6
import EmailGenie from 'email-genie';
Usage
Text selector
const email = new EmailGenie('.email');
Vanilla JS
const elem = document.querySelector('.email')
const field = new EmailGenie(elem);
jQuery
const field = new EmailGenie($('.email'));
Add custom domains
const field = new EmailGenie('.email', {
domains: ['business.com', 'company.com', 'university.com'],
});
Options
| Option | Default | Possibilities | Description |
|---|---|---|---|
| domains | ['gmail.com', 'outlook.com', 'hotmail.com', 'msn.com', 'live.com', 'googlemail.com', 'yahoo.com', 'me.com', 'icloud.com'] | [] | Array of domains suggestions. (By default, this array will be added to the default domains suggestions. View overrideDomains option to override instead.) |
| overrideDomains | false | Boolean (true/false) | Wether the domains suggestions array should override the default one. |
| insert | 'afterend' | 'beforebegin', 'afterend', 'documentend' | Where the datalist generated should be inserted: Before the input, after the input, at the end of the document. |
Support
Chrome, Firefox, Safari, Edge, IE 11
19 Jul 12, 2022
9 Nov 1, 2021
122 Jan 6, 2023
35 Dec 19, 2022
3 Jun 9, 2022
1 Aug 26, 2022
2 Jul 22, 2022
15 Dec 26, 2022
3 Dec 19, 2021
10 Nov 21, 2022
2 Feb 19, 2022
7 Mar 5, 2022
3 May 12, 2022
4 Aug 6, 2022
9 Jan 1, 2023
32 Oct 29, 2022
5 Feb 11, 2022
25 Nov 28, 2022
42 Dec 1, 2022