Press "Enter" to skip to content

[Autocomplete] Email Domain Suggestions Like Gmail, Outlook, or More | email-genie

Email Genie allows auto-completion in the 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 maximizes native behaviors on desktop and mobile browsers.

Email Genie is a small email domain name auto-completion library that displays a list of domain suggestions as you type the email username into the email input.

πŸ‘ Lite 5kb (2kb Gzipped) ⚑ Fast Native JavaScript 🚫 No Dependencies 🚫 No HTML Wrapper 🚫 No CSS injected

email domain autocomplete, best autocomplete javascript vscode, pure javascript autocomplete dropdown, javascript carousel library, free js scripts

How to make use of it:

1. Install and import the Email Genie.

# NPM
$ npm i email-genie
import EmailGenie from 'email-genie';

2. Or insert them email-genie.min.js into the doc.

<script src=”/dist/email-genie.min.js”></script>

3. Create an e-mail input on the web page.

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

4. Initialize the Email Genie and we’re completed.

var field = new EmailGenie('.email');

5. Append extra domain names to the domain listing.

var field = new EmailGenie('.email',{
    domains: ['gmail.com', 'outlook.com', 'hotmail.com', 'msn.com', 'live.com', 'googlemail.com', 'yahoo.com', 'me.com', 'icloud.com']
});

6. Determine whether or not to override the built-in domain listing.

var field = new EmailGenie('.email',{
    domains: ['gmail.com', 'outlook.com', 'hotmail.com', 'msn.com', 'live.com', 'googlemail.com', 'yahoo.com', 'me.com', 'icloud.com'],
    overrideDomains: true,
    insert: 'afterend' // 'beforebegin', 'afterend', 'documentend'
});

Email Domain Name Autocomplete, Email Genie Plugin/Github, css scripts for website, email autocomplete jquery, cool css scripts

Email Domain Name Autocomplete


See Demo And Download

Official Website(smnarnold): Click Here

This superior jQuery/javascript plugin is developed by smnarnold. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *