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

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

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3