jQuery电子邮件地址填写自动完成插件

当前位置:主页 > jQuery库 > 表单 > jQuery电子邮件地址填写自动完成插件
jQuery电子邮件地址填写自动完成插件
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2019-07-05
    阅读:
简要教程

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