asp.net ajax 真正实现用户名自动检查

最新推荐文章于 2016-10-20 10:17:14 发布

weixin_30700099

最新推荐文章于 2016-10-20 10:17:14 发布

阅读量97

点赞数

文章标签： xhtml c# javascript ViewUI

原文链接：http://www.cnblogs.com/gaolei/archive/2009/01/01/1366550.html

版权

2008-03-07 14:35

今天总算有一个突破，真正实现用户名自动检查，其实也简单，用Web Service异步调用。

我敢打赌，到目前为至，用这种方式实现，网上至多不会多于10篇。不明白多看看，有许多学习要点，重要部分已加红色了。

<%@ Page Language="C#" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>用户名自动检查</title>
</head>
<body>
    <form id="form1" runat="server">
        <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
      <Services>
        <asp:ServiceReference Path="~/SimpleWebService.asmx" />
    </Services>
        </cc1:ToolkitScriptManager>
    <div>
        用户名：<asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
         <span id="ss"></span>

    </div>
    <script type="text/javascript">
    var username=$get('TextBox1');
    function checkuser()
    {
    var usernamevalue=username.value;
     SimpleWebService.SayHello(usernamevalue, onSayHelloSucceeded);
    }

function onSayHelloSucceeded(result)
{
if (result)
    $get("ss").innerHTML = "用户名存在";
   else
    $get("ss").innerHTML = "用户名不存在";
}

   $addHandler(username,'blur',checkuser);

    </script>
    </form>
</body>
</html>