$(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({ dateFormat : 'yy-mm-dd', //dayNames : ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], //dayNamesShort : ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], dayNamesMin : ['日','一','二','三','四','五','六'], monthNames : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'], //monthNamesShort : ['一','二','三','四','五','六','七','八','九','十','十一','十二'], altField : '#abc', altFormat : 'dd/mm/yy', appendText : '日曆', showWeek : true, weekHeader : '周', firstDay : 1, }); $('#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) { //如果使用者已經輸入@和後面的域名, //那麼就找到相關的域名提示,比如bnbbs@1,就提示bnbbs@163.com //如果使用者還沒有輸入@或後面的域名, //那麼就把所有的域名都提示出來 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); }, }); });