jQuery邮件列表自动补全

yjlove22 2010-07-29 11:38:55

请问以上的效果怎么实现邮件的自动补全？
可否给个例子？说明下！！！谢谢！！

...全文

131 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

hoojo 2010-07-29

打赏
举报

回复

jQuery Suggest .
jQuery Autocomplete .
jQuery Autocomplete Mod .
jQuery Autocomplete by AjaxDaddy .
jQuery Autocomplete Plugin with HTML formatting .
jQuery Autocompleter .
AutoCompleter (Tutorial with PHP&MySQL) .
quick Search jQuery Plugin .

http://blog.csdn.net/IBM_hoojo/archive/2010/06/24/5691142.aspx

本文实例讲述了jQuery实现Email邮箱地址自动补全功能代码。分享给大家供大家参考，具体如下： jQuery Email邮箱地址自动补全代码，输入Email时，会自动加入@符号，在输入框中输入“qq”、“Sina”、“163”等等可以看到效果；鼠标经过提示Email时，高亮该条Email，鼠标点击Email时，文本框内容替换成该条Email，并删除提示层. 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-email-auto-comp-codes/ 具体代码如下： <!DOCTYPE html PUBLIC -//W3C

《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie，并在上一版的基础上新增了两章，讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法，也深入探讨了JavaScript应用示例。　　《JavaScript基础教程(第8版)》适合有志于从事Web开发和Web设计的初学者阅读，也是高校相关课程理想的教材。第1章　了解JavaScript　1 1.1　JavaScript是什么　1 1.2　JavaScript不是Java　2 1.3　JavaScript的起源　3 1.4　JavaScript可以做什么　3 1.5　JavaScript不能做什么　3 1.6　Ajax是什么　4 1.7　组合式(snap-together)语言　5 1.7.1　对象　5 1.7.2　属性　6 1.7.3　方法　6 1.7.4　将对象、属性和方法组合在一起　6 1.7.5　DOM简介　7 1.8　处理事件　7 1.9　值和变量　8 1.9.1　操作符　8 1.9.2　赋值和比较　9 1.9.3　比较　9 1.10　编写对JavaScript友好的HTML　10 1.10.1　结构、表现和行为　10 1.10.2　div和span　10 1.10.3　class和id　11 1.11　要使用什么工具　12 第2章　开始　13 2.1　将脚本放在哪里　13 2.2　关于函数　14 2.3　使用外部脚本　15 2.4　在脚本中添加注释　17 2.5　向用户发出警告　18 2.6　确认用户的选择　19 2.7　提示用户　21 2.8　用链接对用户进行重定向　22 2.9　使用JavaScript改进链接　25 2.10　使用多级条件　28 2.11　处理错误　30 第3章　第一个Web应用程序　33 3.1　用循环进行重复操作　33 3.2　将值传递给函数　37 3.3　探测对象　39 3.4　处理数组　40 3.5　处理有返回值的函数　42 3.6　更新数组　43 3.7　使用do/while循环　44 3.8　以多种方式调用脚本　46 3.9　组合使用JavaScript和CSS　47 3.10　检查状态　50 3.11　处理字符串数组　55 第4章　处理图像　59 4.1　创建翻转器　59 4.2　创建更有效的翻转器　61 4.3　构建三状态翻转器　64 4.4　由链接触发翻转器　66 4.5　让多个链接触发一个翻转器　68 4.6　处理多个翻转器　71 4.7　创建循环的广告条　74 4.8　在循环广告条中添加链接　76 4.9　建立循环式幻灯片　78 4.10　显示随机图像　80 4.11　随机开始循环显示图像　81 第5章　窗口与框架　83 5.1　防止页面显示在框架中　83 5.2　设置目标　84 5.3　用JavaScript加载iframe　86 5.4　Iframes的使用　87 5.5　创建动态iframe　89 5.6　在文档之间共享函数　90 5.7　打开新窗口　92 5.8　为窗口加载不同的内容　96 第6章　表单处理　98 6.1　选择并转移导航菜单　99 6.2　动态地改变菜单　102 6.3　建立必须填写的字段　104 6.4　根据其他字段对字段进行检查　109 6.5　标识有问题的字段　111 6.6　准备进行表单验证　113 6.7　处理单选按钮　117 6.8　用一个字段设置另一个字段　119 6.9　检验Zip编码　122 6.10　验证电子邮件地址　126 第7章　表单和正则表达式　131 7.1　用正则表达式验证电子邮件地址　131 7.2　验证文件名　136 7.3　提取字符串　139 7.4　格式化字符串　141 7.5　对字符串进行格式化和排序　144 7.6　对字符串进行格式化和验证　146 7.7　使用正则表达式替换元素　148 第8章　处理事件　151 8.1　处理窗口事件　151 8.1.1　onload1事件　151 8.1.2　onunload事件　154 8.1.3　onresize事件　154 8.1.4　onmove事件　156 8.1.5　onabort事件　156 8.1.6　onerror事件　156 8.1.7　onfocus事件　156 8.1.8　onblur事件　157 8.2　处理鼠标事件　158 8.2.1　onmousedown事件　158 8.2.2　onmouseup事件　161 8.2.3　onmousemove事件　161 8.2.4　onmouseover事件　163 8.2.5　onmouseout事件　163 8.2.6　ondblclick事件　164 8.2.7　onclick事件　165 8.3　表单事件处理　165 8.3.1　onsubmit事件　165 8.3.2　onreset事件　165 8.3.3　onchange事件　166 8.3.4　onselect事件　166 8.3.5　onclick事件　166 8.3.6　onblur事件　166 8.3.7　onfocus事件　168 8.4　键事件处理　169 8.4.1　onkeydown事件　169 8.4.2　onkeyup事件　172 8.4.3　onkeypress事件　172 第9章　JavaScript和cookie　173 9.1　建立第一个cookie　173 9.2　读取cookie　176 9.3　显示cookie　177 9.4　使用cookie作为计数器　178 9.5　删除cookie　180 9.6　处理多个cookie　182 9.7　显示新内容提醒信息　184 第10章　对象和DOM　189 10.1　关于节点操纵　189 10.1.1　DOM 2和W3C　189 10.1.2　DOM 2术语　189 10.1.3　DOM 3　190 10.2　添加节点　191 10.3　删除节点　192 10.4　删除特定的节点　194 10.5　插入节点　197 10.6　替换节点　199 10.7　用对象字面值编写代码　202 第11章　建立动态页面　206 11.1　在网页上显示当前日期　206 11.2　处理周中的日期　208 11.3　根据时间对消息进行定制　209 11.4　根据时区显示日期　210 11.5　把24小时制转换为12小时制　213 11.6　创建倒数计数器　216 11.7　隐藏和显示层　219 11.8　移动文档中的对象　221 11.9　日期方法　223 第12章　JavaScript应用示例　225 12.1　使用可折叠菜单　225 12.2　添加下拉菜单　228 12.3　改进下拉菜单　230 12.4　带说明的幻灯片　233 12.5　一个无聊的姓名生成器　236 12.6　柱状图生成器　240 12.7　样式表切换器　246 第13章　Ajax简介　253 13.1　Ajax的定义　253 13.2　读取服务器数据　255 13.3　解析服务器数据　261 13.4　刷新服务器数据　266 13.5　从服务器获得数据　267 13.6　用Ajax预览链接　270 13.7　自动补全表单字段　273 第14章　工具包、框架和库　279 14.1　添加jQuery　280 14.2　使用jQuery更新页面　282 14.3　使用jQuery交互　282 14.4　交互与更新　284 14.5　自动完成字段　287 第15章　用jQuery设计页面　289 15.1　突出显示新元素　289 15.2　创建可折叠菜单　292 15.3　创建更漂亮的对话框　294 15.4　条纹表格　298 15.5　表格排序　301 第16章　基于jQuery的应用　306 16.1　以jQuery为基础　306 16.2　使用ThemeRoller定制外观　307 16.3　在页面中添加日历　309 16.4　拖放元素　313 16.5　使用jQuery处理外部数据　316 16.6　使用jQuery插件　322 第17章　bookmarklet　328 17.1　第一个bookmarklet　328 17.2　改变页面的背景颜色　333 17.3　改变页面样式　334 17.4　查询单词　335 17.5　查看图像　337 17.6　显示ISO Latin字符　339 17.7　将RGB值转换为十六进制　340 17.8　对值进行转换　341 17.9　bookmarklet计算器　342 17.10　缩短URL　344 17.11　检验页面　344 17.12　通过电子邮件发送页面　345 17.13　改变页面大小　346

课程列表如下：01_jQuery简介02_jQuery事件03_jQuery事件04_jQuery隐藏_显示05_jQuery滑动06_jQuery动画07_jQuery停止动画08_jQuery回调方法_链调用09_jQuery属性值操作10_jQuery添加元素11_jQuery操作样式12_...

简介 Symphony（[ˈsɪmfəni]，n.交响乐）是一个现代化的社区平台，因为它：实现了面向内容讨论的论坛包含了面向用户分享、交友、游戏的社交网络集成了聚合独立博客的能力，共建共享优质资源并且 100% 开源欢迎到 Sym 官方讨论区了解更多。另外，如果你需要搭建一个企业内网论坛，请使用 SymX。动机 Sym 的诞生是有如下几点原因：（正版）很多系统界面上仍然保持着老式风格，远远没有跟上时代发展的脚步，它们没有创新、好玩的特性，缺少现代化的交互元素和用户体验大部分系统是从程序员的角度进行设计的，没有考虑实际的产品、运营需求，这类系统功能过于简陋、细节不够精致、缺乏长期维护另外，我们正在探索新的社区模式，实现独奏（Solo）与协奏（Symphony）相结合的社区新体验（野版）万能的 GitHub 上连个能用的 Java 社区系统都找不到，Sym 填补了这个宇宙级空白做最 NB 的开源社区系统，预计几年以后 82% 的社区都将是 Sym 搭建的作者技痒，炫技之作，Ruby/Python/Node.js/（特别是）PHP 怎么能比得过 Java 案例个人维护：黑客派宽客网贵州IT 超级产品经理 Titandb 学习主站呆萌狮 - Demo's 公司维护：四方环视如果你也搭建好了，欢迎通过 Pull Request 将你的站点加到这个列表中 :-p 功能特性具体功能点细节可浏览 Sym 功能点脑图，下面列出了 Sym 的主要特性，说明现代化的由来。好用的编辑器 Markdown：支持 GFM 语法以及一些扩展语法格式调整：粗体、斜体、超链接、引用、列表等可以通过工具栏按钮，同时也支持快捷键文件上传：支持复制粘贴或者拖拽上传图片；支持上传普通文件；对 MP3 会使用在线播放器进行渲染剪贴板处理：自动将复制的内容转换为 Markdown 格式；外链的图片自动上传站内 @用户：根据用户名自动补全，支持快捷键 Emoji：支持大部分主流 Emoji 表情，快捷键自动补全 数学公式：支持 LaTex 数学公式渲染数据暂存：支持本地浏览器暂存数据，避免意外情况导致编辑内容丢失智能、灵活的信息架构传统的节点式社区要求帖子必须分类到某一个节点下，信息架构方式属于自上而下。Sym 不是自上而下的节点式信息架构，帖子不需要固定分类，通过标签聚合到某个领域下。标签：根据帖子内容智能抽取关键字进行标签自动补全，一篇帖子关联多个标签。标签和标签之间以带边权重的图结构进行描述，方便进行相关计算领域：一个领域下包含了多个标签，通过标签将帖子自动聚合到具体领域，随时可以通过增减关联标签从而达到调整领域范围，最终聚合出适合的帖子列表满足多样化的发帖需求目前支持 4 中帖子类型，满足不同用户的偏好：普通帖子：提问或分享对别人有帮助的经验与见解思绪：写作过程的记录与重放，文字版的沙画表演 (?) 小黑屋：邀请好友在私密空间中进行交流同城广播：发起你所在城市的招聘、Meetup 等另外，所有帖子都可以设置打赏区，打赏区可以放置一些“珍藏”内容，只有打赏后的用户才能浏览。打赏区编辑器同样支持 Markdown、Emoji 和文件上传等特性。打赏区支持内容更新，并可以随时调整打赏积分值。对于测试帖，可以使用 Sandbox 机制：带有 Sandbox 标签的帖子将视为测试帖，不会显示在首页或是某领域内，只会展现在发帖者自己的帖子列表中。人性化的回帖交互实时呈现：回帖提交后其他浏览者可以不刷新页面就实时看到你的回帖随时滚动：浮出式回帖编辑器方便回帖者随时滚动屏幕查看其他内容，不必担心焦点丢失真正的回复：回复是针对回帖而言的，而 @ 是针对用户而言的，@ 是提及不是回复，很多系统都没有考虑到这一点。回复/引用可以在当前位置进行展开浏览，也可以跳转到回帖处，并支持跨分页跳转智能机器人：回帖时可以让机器人也参与到讨论中来，活跃气氛的同时说不定机器人真的能解决一些问题呢用户个性化设置用户可以自己设置很多参数以满足个性化需求：帖子列表浏览分页每页条目数回帖浏览模式：传统（按发布时间升序，无实时推送刷新）；实时（按发布时间降序，实时推送新回帖）头像浏览模式：原图（支持 gif 动图）；静态图 Chrome 通知/邮件订阅/键盘快捷键开关设置常用 Emoji，方便发布内容时快速插入表情除了功能个性化配置项，还有很多隐私项开关：是否公开帖子/回帖列表是否公开

使用jquery实现邮件自动补全输入功能 1. 需求内容实现邮件输入的时候弹框显示并补全常用的邮箱，显示内容根据输入的完整度进行筛选 2. 实现思路 a. 实时监控输入框内容； b. 根据输入框内容变动组织邮件名补全，并弹框显示，弹框位置根据输入框位置进行确定； c. 使用事件委托进行邮件点击选中 3. 实现代码 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

87,916

社区成员

224,617

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章