X2注册选项email自动添加后缀

aidy520 · 发表于 2011-5-20 11:44:27

X2注册选项能不能自动添加后缀，鼠标一点注册必选项的email自动出现@qq.com，@163.com等等后缀，这样注册的时候直接填一个邮箱的前缀就可以了。

aidy520 · 发表于 2011-5-20 11:52:21

<divclass="e_box"><label>电子邮箱:</label><inputtype="text"class="txtInput"id="email"autocomplete="off"/></div>
<divclass="e_tip"id="e_tip"> </div>
JS代码:
var suffixArr=newArray("@163.com","@qq.com","@126.com","@hotmail.com","@gmail.com","@sohu.com","@yahoo.com.cn","@yahoo.com","@sina.com","@msn.com");
(function(){
$.fn.autoComplete=function(arg){
var opt={
subBox:"#e_tip",/*提示框ID*/
subOp:"li",/*操作对象*/
id:"#email",/*文本框ID*/
suffixArr:suffixArr,//数组对象
hoverClass:"on"/*选中效果*/
};
var option=$.extend(opt,arg);
var _oLeft=$(option.id).offset().left,
_oTop=$(option.id).offset().top,
_oWidth=$(option.id).outerWidth(),
_oHeight=$(option.id).outerHeight();
var _cur=1;
$(option.id).keyup(function(e){
if(e.keyCode==40|| e.keyCode==38){
returnfalse;
}
var _that=$(this);
if(_that.val()!=""){
if(e.keyCode!=38&& e.keyCode!=40&& e.keyCode!=13&& e.keyCode!=27){
var _inputVal=_that.val();
$.fn.autoComplete.tipFun(_inputVal,_that);
}
}else{
$(option.subBox).hide()
}
});
//tipFun函数
$.fn.autoComplete.tipFun=function(_v,o){
var _that=o;
$(option.subBox).css({"width":_oWidth,"left":_oLeft,"top":_oTop+_oHeight,"display":"block"})
var str="<ul>";
str +='<li id="e_type">请选择邮箱类型:</li><li><a class="cur_val" href="javascript:void(0)" >'+ _v +"</a></li>";
var e=_v.indexOf("@");
if(e==-1){
$.each(option.suffixArr,function(s,m){
str+='<li><a href="javascript:void(0)" id="e'+s+'">'+ _v + m +"</a></li>"
})
}else{
var _sh=_v.substring(0,e)
var _se=_v.substring(e);
$.each(option.suffixArr,function(s,m){
if(m.indexOf(_se)!=-1){
str +='<li><a href="javascript:void(0)" id="e'+s+'" >'+ _sh + m +"</a></li>"
}
})
}
str+="</ul>";
$(option.subBox).html(str);
/*绑定hover事件*/
$(option.subBox).find(option.subOp).hover(function(){
var _that=$(this);
_that.addClass(option.hoverClass)
},function(){
var _that=$(this);
_that.removeClass(option.hoverClass)
});
/*绑定click事件*/
$(option.subBox).find(option.subOp).each(function(){
$(this).click(function(e){
if($(e.target).attr("id")!="e_type"){
$(option.id).val($(e.target).html());
$(option.subBox).hide();
e.stopPropagation();
}
});
})
};
/*点击页面其他地方关闭提示层*/
$(document).bind("click",function(e){
$(option.subBox).hide();
});
/*itemFun*/
$.fn.autoComplete.itemFun=function(){
var _tempArr=$(option.subBox).find(option.subOp)
var _size=_tempArr.size();
for(var i=0;i<_size;i++){
_tempArr.eq(i).removeClass(option.hoverClass)
}
if(_size>2){
if(_cur>_size-1){
_cur=2;
}
if(_cur<2){
_cur=_size-1;
}
_tempArr.eq(_cur).addClass(option.hoverClass);
}else{
_cur=1;
}
};
$(document).keydown(function(e){
switch(e.keyCode){
case40://下键
_cur++;
$.fn.autoComplete.itemFun()
break;
case38://上键
_cur--;
$.fn.autoComplete.itemFun()
break;
default:
break;
}
})
/*文本框keydown*/
$(option.id).keydown(function(e){
var _temp=$(option.subBox).find(option.subOp);
if(e.keyCode==13){
$(this).val(_temp.eq(_cur).text());
$(option.subBox).hide();
e.stopPropagation();
_cur=1;
}
});
returnthis;
}
})(jQuery);
执行代码:以往惯例
[php]
$("#email").autoComplete()
[/php]

复制代码

这个是代码

watercome · 发表于 2011-5-20 11:59:07

		自动登录	找回密码
密码			立即注册