ASP.NET AJAX無刷新驗證用戶名

2019-11-17 04:30:01

字體：大中小

來源：轉載

供稿：網(wǎng)友

極其簡單，自行擴展

HTML代碼

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head runat=”server”>
    <title>Untitled Page</title>
    <script type=”text/javascript”>
    function GetUser()
{
    requestSimpleService = WebServiceSample.GetUser(document.getElementById(’UserName’).value, OnRequestComplete);
    return false;
}
//顯示提示信息
function OnRequestComplete(result)
{
    if(result == ‘true’)
    {
        document.getElementById(’Message’).innerHTML = ‘提示:用戶名已被注冊.’;
        document.getElementById(’PostButton’).disabled = ‘disabled’;
    }
    else
    {
        document.getElementById(’Message’).innerHTML = ‘提示:用戶名可以使用.’;
        document.getElementById(’PostButton’).disabled = ”;
    }
}
    </script>
</head>
<body>
    <form id=”form1″ runat=”server”>
        <asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
        <Services>
        <asp:ServiceReference Path=”WebServiceSample.asmx” />
        </Services>
        </asp:ScriptManager>
        <input id=”UserName” type=”text” onblur=”return GetUser()” />
<input id=”PostButton” type=”button” value=”注冊” disabled=”disabled” /><br />
        <div id=”Message”></div>
    </form>
</body>
</html>

WebService代碼

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.PRotocols;
using System.Web.Script.Services;

/// <summary>
/// WebServiceSample 的摘要說明
/// </summary>
[WebService(Namespace = "[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService]

public class WebServiceSample : System.Web.Services.WebService
{

public WebServiceSample () {

        //如果使用設計的組件，請取消注釋以下行
        //InitializeComponent();
    }

    [WebMethod]
    public string GetUser(string strUser)
    {
        string strMessage = null;
        if (strUser == “ADMIN”)
        {
            strMessage = “true”;
        }
        else
        {
            strMessage = “false”;
        }
        return strMessage;
    }
}