`
shuzheng5201314
  • 浏览: 203320 次
  • 来自: 北京
社区版块
存档分类
最新评论

自己写的一个基于jQuery的邮箱自动完成插件

 
阅读更多

很多论坛或者微博注册时,填写邮箱时都会有自动完成的功能;然后自己参考写了已个邮箱自动完成的插件。

/**
*	autoMail v0.4
*	日期:2014-01-18
*	作者:shuzheng
*	邮箱:469741414@qq.com
*	主页:http://www.zhangshuzheng.cn/
*******************************************************************
*	升级详情:	v0.1	改进	1、封装成jquery插件
*******************************************************************
*				v0.2	改进	1、input获取焦点后再定位,解决定位错误的问题
*******************************************************************
*				v0.3	改进	1、样式文件封装进来,使用时只需要一个js文件
*						改进	2、美化面板样式
*						新增	1、支持一个页面多个input输入框调用
*						新增	2、右下角增加官网链接
*						BUG		1、多个input的时候,上下按键选项有问题
*******************************************************************
*				v1.0	改进	1、支持多个input上下按键选择
*						改进	2、当面板显示状态,禁止回车提交,使用了keypress事件,兼容了IE
*						改进	3、禁止输入空格键
*						改进	4、当input各种height各种padding时,也能精确定位
*						改进	5、鼠标事件改为mousedown,在blur之前执行,防止点击失败
*						改进	6、兼容IE6/IE7下宽度也可以随内容长度自动拉宽
*******************************************************************
*	Copyright (c) 2014, Zhang Shuzheng All rights reserved.
*/

 

已托管到GitHub:https://github.com/shuzheng/autoMail

  • 大小: 17.4 KB
2
2
分享到:
评论
7 楼 shuzheng5201314 2015-07-27  
更新到1.0了
6 楼 shuzheng5201314 2014-01-18  
dihaokelou 写道
不兼容浏览器吗,top获取的高度明显不对,鼠标事件也不能完成赋值。

已经改进了
5 楼 shuzheng5201314 2013-02-22  
dihaokelou 写道
不兼容浏览器吗,top获取的高度明显不对,鼠标事件也不能完成赋值。


亲~你什么浏览器?
4 楼 zoujun8666 2013-01-07  
拿走了哟,呵呵,谢谢哟。
3 楼 wangking717 2011-12-09  
这个插件很好很不错。。www.shuaijiaomi.com的注册和登陆模块已用上。。
2 楼 dihaokelou 2011-09-24  
不兼容浏览器吗,top获取的高度明显不对,鼠标事件也不能完成赋值。
1 楼 shuzheng5201314 2011-09-21  
灰常好用!

相关推荐

    jQuery邮箱自动完成插件

    本文将深入探讨“jQuery邮箱自动完成插件”,这是一个用于在输入框中实现邮箱地址自动补全功能的工具,对于提高用户体验和减少用户输入错误具有重要意义。 首先,我们了解下jQuery邮箱自动完成插件的基本概念。这种...

    jquery邮箱自动提示插件

    标题中的“jquery邮箱自动提示插件”指的是一个基于jQuery库的前端开发组件,它用于实现用户在输入邮箱地址时提供动态的@后缀提示功能。这种功能常见于各种在线表单或登录界面,能提高用户体验,减少用户输入错误。...

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

    `jquery.email-autocomplete.js` 就是基于jQuery构建的,利用jQuery的强大功能来实现电子邮件地址的自动完成。 ### 插件工作原理 当用户在输入框中开始输入电子邮件地址时,此插件会监听用户的输入。一旦用户输入...

    jquery邮箱地址自动完成插件

    总之,“jquery邮箱地址自动完成插件”是一个提高用户体验的实用工具,它通过jQuery实现了实时的邮箱地址匹配功能。开发者可以通过监听用户输入、调用后台服务以及动态更新界面来实现这一功能,同时还需要关注性能和...

    邮箱地址输入框(邮箱地址自动完成)-Jquery插件-(仿QQMail)-田林作品

    标题中的“邮箱地址输入框(邮箱地址自动完成)-Jquery插件-(仿QQMail)”表明这是一个基于jQuery的插件,其主要功能是实现一个类似QQ邮箱的邮箱地址自动完成输入框。这种插件通常用于提高用户在网页上输入邮箱地址时的...

    邮箱自动补全插件依赖jQuery

    在本主题中,我们将深入探讨"邮箱自动补全插件依赖jQuery"这一知识点。 邮箱自动补全插件是网页表单中常见的一种功能,它能够帮助用户快速输入邮箱地址,通过提供预设的匹配选项。这种功能通常基于输入的字符动态地...

    jQuery formValidator表单验证插件4.1.3提供下载

    对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。插件支持6种大的校验方式,分别是:inputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的控制)、...

    jquery验证插件!

    在本文中,我们将深入探讨基于jQuery的验证插件及其在Web开发中的应用。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。验证插件是jQuery的一个扩展,用于实现表单数据验证,...

    自带丰富示例的jQuery验证表单插件

    9. **与其他jQuery插件的兼容性**:由于基于jQuery,这个验证插件能很好地与其它jQuery UI组件或表单增强插件(如Bootstrap Form Validation)协同工作。 在实际应用中,使用jQuery Validate插件通常包括以下步骤:...

    jquery自动完成简介

    jQuery自动完成插件是基于jQuery库开发的一款实用工具,主要用于提供用户在输入时的提示和快速选择功能,通过搜索和过滤来帮助用户更快地找到并选择所需的值。此功能极大地提升了用户体验,并在多种应用场景下发挥着...

    jQuery拖拽滑动验证码插件

    这里我们关注的是一个基于jQuery的拖拽滑动验证码插件,它为网站提供了一种交互性强且用户体验良好的验证方式。下面将详细阐述这个插件的工作原理、实现方法以及可能的应用场景。 首先,jQuery是一个广泛使用的...

    推荐20款基于 jQuery & CSS 的文本效果插件

    今天我们将深入探讨20款基于jQuery和CSS的文本效果插件,这些插件可以为你的网站增添动态性和吸引力。 1. Textfx.js:这是一个集合多种文本特效的jQuery插件,包括闪烁、滚动、淡入淡出等,让你的文本生动起来。 2...

    jQuery滑动式分步注册表单插件

    本文将详细探讨一个基于jQuery的滑动式分步注册表单插件。 ### jQuery库 jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在这款滑动式分步注册表单插件中,jQuery的...

    一个基于事件的jQuery插件用于HTML表单的客户端验证

    例如,当用户离开一个输入框(`blur`事件)或在提交表单前(`submit`事件)时,你可以设置规则检查输入是否符合预期,如非空、长度限制、电子邮件格式等。这样,用户在提交之前就能立即看到错误提示,无需等待服务器...

    实用的jQuery验证码插件

    在网页开发中,验证码是一种...总的来说,这个"实用的jQuery验证码插件"提供了便捷的方式来集成验证码功能到基于jQuery的网页项目中,通过合理的CSS样式和JavaScript逻辑,可以实现一个既安全又易于使用的验证码系统。

    5款实用的jQuery验证码插件

    Rotate Captcha是另一种基于jQuery的验证解决方案,它要求用户旋转一个图像到正确的位置。这种方式结合了视觉识别和简单的动作,既提高了用户体验,又增加了安全性。 5. **jQuery Math Captcha** 对于那些希望...

    jQuery插件库.pdf

    jQuery 插件库是前端开发中的一个重要资源库,它包含了大量的扩展程序,由全球各地的开发者贡献并不断更新完善。jQuery 插件基于 jQuery 核心库,遵循特定的编程规范,以JavaScript 文件的形式引入到项目中,能够...

    jQuery formValidator表单验证插件

    jQuery formValidator是一款高效且功能丰富的JavaScript验证插件,专为基于jQuery的Web应用程序设计。它简化了表单验证的过程,提供了多种预定义的验证规则,以及自定义验证方法,使开发者能够轻松地创建符合业务...

    文本框邮箱自动完成

    7. **文本框邮件输入自动完成jQuery插件**:这可能是一个具体的jQuery插件,开发者已经封装好了上述功能,可以直接引入到项目中使用,简化开发工作。 通过这样的实现方式,我们可以创建一个高效的邮箱自动完成功能...

    jQuery自动完成插件completer附源码下载

    jQuery自动完成插件completer是一种基于jQuery开发的前端JavaScript库,它能够帮助开发者快速实现输入字段的自动补全功能。通过使用该插件,可以在用户输入时提供一系列的建议选项,从而提高用户体验和数据输入的...

Global site tag (gtag.js) - Google Analytics