| 導購 | 订阅 | 在线投稿
分享
 
 
 

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

2008-08-16 07:22:41  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
  極其簡單,自行擴展

  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 = "http://tempuri.org/")]

  [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;

   }

  }
 
極其簡單,自行擴展 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 = "[url=http://tempuri.org/]http://tempuri.org/[/url]")] [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; } }
󰈣󰈤
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
  免責聲明:本文僅代表作者個人觀點,與王朝網絡無關。王朝網絡登載此文出於傳遞更多信息之目的,並不意味著贊同其觀點或證實其描述,其原創性以及文中陳述文字和內容未經本站證實,對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
 
© 2005- 王朝網路 版權所有