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

2019独角兽企业重金招聘Python工程师标准>>>

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

    });


});

转载于:https://my.oschina.net/617669559/blog/905351