Web开发之-JQuery 邮箱自动补全
2017-05-20 00:00
387 查看
HTML设置一个id为email的input
JS代码
JS代码
$(document).ready(function(){ $('#email').autocomplete({//邮箱自动补全 delay:0, source : function(request,response){ var hosts = ['qq.com','163.com','gamil.com','wzdcl.com']; term = request.term, //获取用户输入的内容 name = term, //邮箱的用户名 host ='', //邮箱的域名 ix =term.indexOf('@'),//@的位置 result = []; if(ix >-1){//当有@的时候,重新分配用户名和域名 name = term.slice(0,ix); host = term.slice(ix+1); } if(name){ //如果用户已经输入了@后面的域名,则找到了相关的域名提示,比如ww@1,就提示ww@163.com //如果没有输入@,则提示所有的域名都提示出来 var findHosts = []; if(host){ findedHosts = $.grep(hosts,function(value,){ return value.indexOf(host)>-1 }); }else{ findedHosts = hosts; } var findedResult = $.map(findedHosts,function(value,index){ return name+'@'+value; }); result = findedResult; } response(result); }, }); });
相关文章推荐
- web 开发jquery插件之jquery-autocomplete【一款联想自动提示的插件】
- jquery 实现输入邮箱时自动补全下拉提示功能
- Jquery和ajax开发案例之---自动补全输入框
- jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
- 第一百八十一节,jQuery-UI,知问前端--自动补全 UI--邮箱自动补全
- jQuery autocomplete的使用(邮箱自动补全)
- Jquery李炎恢——43邮箱自动补全UI【9】
- jQuery实现Email邮箱地址自动补全功能代码
- 【jquery】邮箱自动补全 + 上下翻动
- jQuery邮箱自动补全
- jQuery实现文本框邮箱输入自动补全效果
- jQuery实现文本框邮箱输入自动补全效果
- jquery实现邮箱自动补全功能示例分享
- jQuery 实现邮箱下拉列表自动补全功能
- jQuery实现Email邮箱地址自动补全功能代码
- jquery 实现输入邮箱时自动补全下拉提示功能
- jquery邮箱自动补全
- jquery实现邮箱自动补全功能示例分享
- jQuery 实现邮箱下拉列表自动补全功能
- jquery实现自动补全邮箱地址