Welcome, Old Sport!

邮箱地址后缀自动提示 - emailautocomplete

by ilikecss ON 2014/10/10 5006

邮箱地址后缀自动提示 - emailautocomplete现在许多注册表单中邮箱地址是必不可少的一栏,也是商家最关心的信息之一。然而用户输入完整的邮箱地址是一件非常繁琐的步骤,也是会导致用户流失的因素之一。针对这个用户体验的提升网上可以找到不少朋友开发的功能插件,我查阅了一些发现都写的都比较复杂。今天给大家介绍一款相对轻量级的此功能插件“emailautocomplete”。

邮箱后缀提示

使用方法(usage):

1. 在页面中加载以下文件

<link type="text/css" href="jquery.emailautocomplete.css" rel="stylesheet" />

<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="jquery.emailautocomplete.js" type="text/javascript"></script>

2. HTML代码

<div class="autocompletecon">
    <input id="emailautocomplete"  class="emailautocomplete" name="email" type="email" maxlength="50" autocomplete="off" />
</div>

3. 如何在页面里调用此功能

 $(function(){
      $(".emailautocomplete").emailautocomplete();
  });

4. 自定义你的邮箱参数

var defaults =
   {
        // 把邮箱域名添加在里面...
      domains: ["qq.com", "163.com", "gmail.com", "xxx.com", "xxxxxxxxx.com"]
   };

优化与建议

1. 你可以打包合并文中css和javascript代码到你自己的文件里,以防止造成不必要的文件加载。

2. CSS样式可以根据自己需求修改

下载和了解更多: https://github.com/tracylv/emailautocomplete

1条评论
  1. 学习了 :twisted:




TOP