jq(邮箱:指定(其他的也可以))自动补全ui

$(function () {

$(‘#search_button‘).button({
icons : {
primary : ‘ui-icon-search‘,
},
});

$(‘#reg‘).dialog({
autoOpen : true,
modal : true,
resizable : false,
width : 320,
height : 340,
buttons : {
‘提交‘ : function () {

}
}
});

$(‘#reg‘).buttonset();
$(‘#date‘).datepicker();

$(‘#reg input[title]‘).tooltip({
show : false,
hide : false,
position : {
my : ‘left center‘,
at : ‘right+5 center‘
},
});

$(‘#email‘).autocomplete({
delay : 0,
autoFocus : true,
source : function (request, response) {
//获取用户输入的内容
//alert(request.term);
//绑定数据源的
//response([‘aa‘, ‘aaaa‘, ‘aaaaaa‘, ‘bb‘]);

var hosts = [‘qq.com‘, ‘163.com‘, ‘263.com‘, ‘sina.com.cn‘,‘gmail.com‘, ‘hotmail.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) {
//如果用户已经输入@和后面的域名,
//那么就找到相关的域名提示,比如[email protected],就提示[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);
},
});

});

时间: 2024-10-10 07:41:24

jq(邮箱:指定(其他的也可以))自动补全ui的相关文章

jq自动补全ui

$(function(){ $('.button2').button().css('color','#555') //$('#loga').click(function() { $('#loglike ').dialog( { autoOpen:true, modal:true, width:350, height:300, resizable:false, title: '用户注册', buttons: { '提交': function(){alert('正在注册,请稍等.....')} }

知问前端——自动补全UI

自动补全(autocomplete),是一个可以减少用户输入完整信息的UI工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择. 调用autocomplete()方法 var host = ['aa', 'aaaa', 'aaaaaa', 'bb']; $("#email").autocomplete({ source:host }); 修改autocomplete()样式 由于autocomplete()方法是弹窗,然后鼠标悬停的样式,我们通过Firebug想获取到

知问前端——邮箱自动补全

本节课,我们通过自动补全source属性的function回调函数,来动态的设置我们的数据源,以达到可以实现邮箱补全功能. 数据源function 自动补全UI的source不但可以是数组,也可以是function回调函数,提供了自带的两个参数设置动态的数据源. $('#email').autocomplete({ source : function (request, response) { //获取用户输入的内容 alert(request.term); //可以获取你输入的值 //绑定数据

jquey ui 实现注册,邮箱自动补全

//----------------------------------------------------------------------------------------------- //----------------------------------------------------------------------------------------------- //静态页面 <!DOCTYPE html> <html> <head> <

JS实现在输入框内输入@时,邮箱账号自动补全

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"/> <title>邮箱自动补全</title> <style type="text/css"> .wrap{width:200px;margin:0 auto;} h1{font-size:36px;text-align:center;lin

jquery UI邮箱自动补全

<1> 自动补全(autocomplete),是一个可以减少用户输入完整信息的UI 工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择. <html> <head> <title></title> <script src="js/jquery-1.11.2.js"></script> <script src="js/jquery-ui.js"><

jquery邮箱自动补全

在使用前需要有如下文件: jquery-1.7.1.min.js jquery.mailAutoComplete-3.1.js 大家可以到网上下载: [jquery.mailAutoComplete-3.1.js]的请到这里下载:  http://download.csdn.net/detail/xiaolinzai888/7794939 [jquery-1.7.1.min.js]可以到jquery官网下载 页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT

仿知乎登陆邮箱自动补全

项目要求: 登陆界面输入邮箱,自动匹配常用邮箱并自动补全后缀. 比如邮箱为[email protected],当我输入[email protected]时,输入框自动补全后面的q.com且颜色为灰浅色,输入框失去焦点时,补全q.com颜色变为黑色,和前面[email protected]的颜色一致. 解决: 1.通过查看知乎的布局,发现没有用自定义控件,仅仅用了普通的EditText. 2.查看EditTex(继承TextView)t的API,最终想到了用下面这个方法 void android.

javascript 邮箱输入自动补全插件(转)

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>inputSuggest_0.1.js</title> <style type="text/css"> body{margin:0;padding:0;} input{width:200px;} .suggest-container{border:1px solid