Jquery email autocomplete example with demo using jquery.email-autocomplete.min.js

By Hardik Savani | October 7, 2016 | Category : Javascript Bootstrap jQuery

Today, i am going to show you how to make autocomplete email address using Jquery. email-autocomplete plugin through we can simple email autocomplete in our PHP, .net or etc project.

In this example i use bellow js and css

1) jquery.js

2) jquery.email-autocomplete.min.js

3) bootstrap.min.css

I also use bootstrap for better layout. I created very simple and full example so you don't have to do anything.

So, you can run bellow example and also see demo.



<!DOCTYPE html>



<title>Jquery email autocomplete example</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script src="https://raw.githubusercontent.com/10w042/email-autocomplete/master/dist/jquery.email-autocomplete.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<style type="text/css">

.eac-sugg {

color: #ccc;





<input id="email" name="email" class="form-control" type="email" placeholder="Enter Email" />

<script type="text/javascript">


domains: [
















If you can't have access jquery.email-autocomplete.min.js file from url then you can get from here : Click Here.

Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: