jQuery UI:邮箱自动补全函数
2024-08-31 16:08:15
$('#email').autocomplete({
delay:0,
autoFocus:true,
source:function(request,response){
var hosts = ['qq.com','163.com','263.com','gmail.com','sina.com.cn'],
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 = (host ? findedHosts = $.grep(hosts,function(value,index){
// return value.indexOf(host) > -1;
// }) : hosts),
// findedResult = $.map(findedHosts, function(value,index) {
// return name + '@' + value;
// }); //如果用户已经输入@和后面的域名
//那么就找到相关的域名提示,比如sfsdf@.1就提示sfsdf@.163.com
//如果没输入都提示
var findedHosts = [];
if(host){
findedHosts = $.grep(hosts,function(value,index){
return value.indexOf(host) > -1;
});
}else{
findedHosts = hosts;
}
var findedResult = $.map(findedHosts, function(value,index) {
return name + '@' + value;
});
result = result.concat(findedResult);
}
response(result);
},
});
另:$.grep()工具函数回调事,是true,返回的是value
$(function(){
var arr = ['1234','jd','dang','12d3'];
var a = $.grep(arr,function(value,index){
return value.indexOf('d') > -1;
});
alert(a);
// alert(a[1]);
// var str = 'dangxingming';
// alert(str.indexOf('k'));
});
最新文章
- js中bind,call,apply方法的应用
- mac安装 Vitual box 虚拟机(window8.1)
- Github心得体会
- Scala深入浅出实战经典之 List的foldLeft、foldRight、sort操作代码实战
- ASP.NET 取得 Uri 各项属性值
- SAE Java相关问题小结
- django 分页(2) 使用类 页码显示
- 嵌入式中的 *(volatile unsigned int *)0x500 解释
- testNG中@Factory详解
- Domain Model(领域模型)
- 'net’ 不是内部命令或外部命令,也不是可运行的程序或批处理文件
- Node.js 模块
- vue简单指令笔记
- C++17剖析:string_view的实现,以及性能
- Windows Server 2008 R2 免费使用900天的方法
- winform 下载
- js---通配符选择器
- 20155339 2016-2017-2 《Java程序设计》第7周学习总结
- go数据类型之基本类型
- PyQt5(1)——Qt Designer初探
热门文章
- 【转】CentOS下firefox安装flash说明
- glEnable(GL_DEPTH_TEST)作用
- silverlight wcf mvvm
- 【 Beginning iOS 7 Development《精通iOS7开发》】05 Autorotation and Autosizing
- Sqlite 命令行导出、导入数据(直接支持CSV)
- 暑假集训-WHUST 2015 Summer Contest #0.1
- Git 操作笔记
- hight charts
- 今日SGU 5.19
- C# textBox控件只允许为数字和小数点并且提取出这个数字