Today, we will learn how to implement email auto-completion in jquery. You can easily create an email autocomplete in jquery. Email autocomplete plugin through we can simply send email to autocomplete in our laravel project, PHP, .net, etc.


Example

<!DOCTYPE html>
<html>
    <head>
        <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://cdnjs.cloudflare.com/ajax/libs/email-autocomplete/0.1.3/jquery.email-autocomplete.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    </head>
    <body>

        <div class="container">
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-8">
                
                        <h4>Email Autocomplete</h4>
                        <label>Email:</label>
                        <input id="email" name="email" class="form-control" type="email" placeholder="Enter Email" / autocomplete="off">
                   
                </div>
                <div class="col-md-2"></div>
            </div>
        </div>



        <script type="text/javascript">
            $("#email").emailautocomplete({
                domains: [
                    "rathorji.com",
                    "gmail.com",
                    "yahoo.com",
                    "hotmail.com",
                    "live.com", 
                    "outlook.com",
                    "gmx.com",
                    "me.com",
                    "laravel.com",
                    "aol.com"]
            });
        </script>
    </body>
</html>


I hope this will help you a lot........