jquery.email-autocomplete.js是一款jQuery电子邮件地址填写自动完成插件。该插件可以通过输入邮箱的前几个字符，得到自动提示，然后按tab键自动完成邮箱的输入。

安装

bower install email-autocomplete --save                    
                

使用方法

在页面中引入下面的文件。

<script src="jquery.min.js"></script>
<script src="jquery.email-autocomplete.min.js"></script>                    
                

HTML结构

在表单中使用email输入框。

<input id="email" name="email" type="email" />
                

初始化插件

$("#email").emailautocomplete({
  suggClass: "custom-classname",
  domains: ["example.com"]
});                   
                

配置参数

可用的配置参数有：

• suggClass：建议字段文本的class名称，默认为'eac-sugg'。
• domains：自动完成邮箱的domain。

插件内置的自动完成邮箱的domain有：

• gmail.com
• googlemail.com
• yahoo.com
• yahoo.co.uk
• hotmail.com
• hotmail.co.uk
• live.com
• msn.com
• comcast.net
• sbcglobal.net
• verizon.net
• facebook.com
• outlook.com
• att.net
• gmx.com
• icloud.com
• me.com
• mac.com
• aol.com

jquery.email-autocomplete.js插件的github网址为：https://github.com/yongzhenlow/email-autocomplete

在线预览    源码下载