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