表单/表格

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

面包多

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

使用方法

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

也想出现在这里?联系我们
创客主机
  1. <script src="jquery.min.js"></script>
  2. <script src="jquery.email-autocomplete.min.js"></script>

HTML 结构

在表单中使用 email 输入框。

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

初始化插件

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

配置参数

可用的配置参数有:

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

Github 网址:https://github.com/yongzhenlow/email-autocomplete

(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

阿里云

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

钻石珠宝奢侈品DedeCMS织梦模板

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!