您的位置:首页 > Web前端 > JQuery

Web开发之-JQuery 邮箱自动补全

2017-05-20 00:00 387 查看
HTML设置一个id为email的input

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);
},

});

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: