36-自动补全、邮箱自动补全

index.js

$(function () {
	$('#reg').dialog({
		autoOpen:true,
		modal:true,
		width:320,
		height:340,
		resizable:false,
		title:'会员注册',
		buttons:{
			'提交':function(){
				
			}
		}
	});
      $('#date').datepicker();
	  //$('#reg input[title]').tooltip();
	  $('[title]').tooltip({
		  //disabled:true,
		  enabled:true,
		  //content:'改变title文本',
		  items:'input', //过滤用到的要显示的
		 // tooltipClass:'a',//设置样式类
		 position:{
			 my:'left center',
			 at:'right+5 center'//at是相对于my的
		 },
		 show:false,
		 hide:false,
		 open:function(e,ui){
			 //alert('打开的时候触发！'+ui.tooltip);
		 },
		 close:function(){
			 
		 },
		 create:function(){
			 
		 }
	  });
	  $("#pass").tooltip('open');
	  //自动补全
	 /* var host=['@qq.com','aaaa','aaaaaa','bb'];
	  $('#email').autocomplete({
		  source:host,
		  minLength:0,//显示数量
		  //disabled:true,
		  delay:0,//不需要延迟
		  autoFocus:true,//自动选择第一个
		  position:{
			  my:
			  at:
		  }
		  focus:function(e,ui){
			  alert('补全菜单获取焦点');
			  alert(ui.item.label);
		  },
		  select:function(){
			  alert('选定一个项目的时候触发！');
		  },
		  change:function(){
			  alert('在邮箱输入的文本改变的时候，焦点离开触发');
		  },
		  search:function(){
			  alert('搜索完毕触发！');
		  }
		  response:function(e,ui){
			  alert('搜索完毕触发！');
			  alert(ui.content[0].label);
		  }
	  });*/
	  //$('#email').autocomplete('search','a');//代替手工输入，自动搜索
	 /* $('#email').on('autocompleteopen',function(){
		  alert('自动补全打开！');
	  })*/
	  $('#email').autocomplete({
		  delay:0,
		  autoFocus:true,
		  source:function(request,response){
			  //获取用户输入的内容
			  //alert(request.term);
			  //response(['aa','aaaaa','aaaaa','bbbb']);
			  var hosts=['qq.com','163.com','263.com','sina.com','hotmail.com'],
			  term=request.term,//获取用户输入的内容
			 // response(hosts);
			  name=term,
			  host='',//邮箱的域名163.com
			  ix=term.indexOf('@'),//@的位置
			  result=[];  //最终呈现的邮箱列表
			  
			  result.push(term);
			  //如果有@符号,重新分配用户名和域名
			  if(ix>-1){
				  name=term.slice(0,ix);
				  host=term.slice(ix+1);
			  }
			  if(name){
				  //如果用户已经输入@和后面的域名
				  //那么就找到相关的域名提示，比如：aaa@1　提示[email protected]
				  //如果用户还没有输入@或后面的域名
				  //那么就把所有的域名都提示出来
				  var findedHosts=(host?$.grep(hosts,function(value,index){
						  return value.indexOf(host)>-1
					  }):hosts),
					  findedResult=$.map(findedHosts,function(value,index){
							return name+'@'+value;
					 });
			  result=result.concat(findedResult);
			  }
			  response(result);
		  }
	  });
	});

index.html

	
	
	
	
	
	b|
	
	
	
	
	
	


     
			
			   
知问
			   
					
			   

       

          登录|注册