模仿Google输入查询关键字

给你点启发
<script language=jscript>
function VerifyUsername(name)
{
ch33.Verify.GetReturnCode(name, IsUsernameExist_callback);
}
function IsUsernameExist_callback(res)
{
var msg = document.getElementById('lblMessage');
var bRet = res.value;
if (bRet == "0")
{
msg.innerHTML = '用户名存在！';
msg.style.color = 'green';
}
else if (bRet == "1")
{
msg.innerHTML = '用户名长度必须在3到15之间，且不包含字母、数字和下划线以外的字符！';
msg.style.color = 'red';
}
else
{
msg.innerHTML = '用户名不存在！';
msg.style.color = 'red';
}
}
</script>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<asp:Label id="Label2" runat="server" Font-Names="黑体,Arial Black" Font-Bold="True" Font-Size="X-Large">AJAX--Karso</asp:Label>
<hr>
<asp:Label id="Label1" runat="server">名称：</asp:Label>
<asp:TextBox id="tbUsername" runat="server" onkeyup="VerifyUsername(this.value)"></asp:TextBox>
<br>
<asp:Label id="lblMessage" runat="server"></asp:Label>
</form>
</body>
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
AjaxPro.Utility.RegisterTypeForAjax(typeof(Verify));
} [AjaxPro.AjaxMethod]
public string GetReturnCode(string strUsername)
{
if (!IsValidUsername(strUsername))
{
return "1";
}
else if (!IsUsernameExist(strUsername))
{
return "2";
}
else
{
return "0";
}
} private bool IsUsernameExist(string strUsername)
{
bool bRet = false; switch (strUsername.ToLower())
{
case "test":
case "tom":
case "jack":
case "ajax":
case "aspnet":
bRet = true;
break;
} return bRet;
} private bool IsValidUsername(string strUsername)
{
return (Regex.IsMatch(strUsername, @"^(\w{3,15})$"));
}
web.config: 
<configuration>
<system.web>
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro" />
</httpHandlers></system.web></configuration>