分享一个用jQuery写的EMail自动补全的代码....


//{}的作用是作为命名空间使用
{
var str = null;
var val = null;
function is_email(str)
{
if(str.indexOf('@')>0)
return true;
else
return false;
}
//当鼠标点击li时设置为当前li的值
function F_set_email_value()
{
$("#login_input_email").val($(this).html());
}
//设置email提示层窗口是否显示
function F_display(n)
{
$("#email_tip").css("display",n);
} //获取email输入框的数据并显示在提示窗口中
function F_get_input(e)
{

if((e.which >= 48 && e.which <= 57) ||
   (e.which >= 65 && e.which <= 90))
{
F_display('block');
str = $("#login_input_email").val();

//为提示窗口插入菜单行
$("#email_tip ul").html("<li>"+str+"@qq.com</li>\
 <li>"+str+"@163.com</li>\
 <li>"+str+"@126.com</li>\
 <li>"+str+"@sina.com</li>\
 <li>"+str+"@gmail.com</li>\
 <li>"+str+"@hotmail.com</li>\
 <li>"+str+"@foxmail.com</li>\
");
}
if(e.which === 8)
{

str = $("#login_input_email").val();
if(str !='' || str != null)
{
F_display('block');
$("#email_tip ul").html("<li>"+str+"@qq.com</li>\
 <li>"+str+"@163.com</li>\
 <li>"+str+"@126.com</li>\
 <li>"+str+"@sina.com</li>\
 <li>"+str+"@gmail.com</li>\
 <li>"+str+"@hotmail.com</li>\
 <li>"+str+"@foxmail.com</li>\
");
}
}

}
//事件绑定
function F_event_bind()
{
$("#login_input_email").keyup(F_get_input);
$("#email_tip li").live("click",F_set_email_value);
$(document).click(
function(){
F_display('none');
});
}
//初始化设置
function F_init()
{

$("#email_tip").css("display","none");
F_event_bind();
}
jQuery(F_init);
}
菜鸟水平，请多指点...如果谁有空可以完善一下..谢谢！