jQuery autocomplete的使用(邮箱自动补全)

使用jQuery ui插件

$("#reg_email").autocomplete({delay: 0,//延迟时间autoFocus: true,source: function(request,response) {/*获取用户输入的内容alert(request.term);*//*绑定数据源response(['a','aa','aaaa']);*/var hosts=['163.com','qq.com','gmail.com'],term=request.term,//获取用户输入的内容name=term,//邮箱的用户名host='',//邮箱的域名ix=term.indexOf('@'),//获取@的位置result=[];//最终呈现的邮箱列表result.push(term);//当有@时，从新分配用户名和域名if(ix>-1){name=term.slice(0,ix);host=term.slice(ix+1);}if(name){//如果用户已经输入@和后面的域名//那么就找到相关的域名信息//如果用户没有输入@//那么就提示所有的域名var findedHosts;if(host){findedHosts=$.grep(hosts,function(value,index){return value.indexOf(host)>-1;});}else{findedHosts=hosts;}//如果findedHosts为空，return也是空var findedResult=$.map(findedHosts,function(value,index){return name+'@'+value;});result=result.concat(findedResult);}response(result);},});