(一). 運(yùn)行效果如下:
(二). AjaxPro.NET簡(jiǎn)介
AjaxPro.NET是一個(gè)優(yōu)秀的Ajax框架, 在實(shí)際應(yīng)用中只要添加其DLL引用并進(jìn)行簡(jiǎn)單的配置,
即可以非常方便的在客戶端直接調(diào)用服務(wù)端方法, 實(shí)現(xiàn)驗(yàn)證目的.
(三).使用AjaxPro.NET預(yù)配置
1. 添加 AjaxPro.dll 文件的引用(示例代碼中已經(jīng)包含,直接COPY過(guò)來(lái)使用即可).
2. 在Web.config文件中添加以下配置,
2 < addverb = " POST,GET " path = " ajaxpro/*.ashx " type = " AjaxPro.AjaxHandlerFactory,AjaxPro " />
3 </ httpHandlers >
2 public ArrayListGetSearchItems( string strQuery)
3 {
4 // 生成數(shù)據(jù)源
5 ArrayListitems = new ArrayList();
6 items.Add( " King " );
7 items.Add( " Rose " );
8 return items;
9 }
10
2 < title > AjaxPro.NET數(shù)據(jù)驗(yàn)證 </ title >
3 < scriptlanguage = " jscript " >
4 functionIsUsernameExist_callback(result)
5 {
6 varmsg = document.getElementById( ' lblMessage ' );
7 varvalue = result.value;
8 if (value == ' 0 ' )
9 {
10 msg.innerHTML = ' 用戶名合法! ' ;
11 msg.style.color = ' green ' ;
12 }
13 else if (value == ' 1 ' )
14 {
15 msg.innerHTML = ' 用戶名長(zhǎng)度必須在3到15之間,且不包含字母/數(shù)字/下劃線以外的字符! ' ;
16 msg.style.color = ' red ' ;
17 }
18 else
19 {
20 msg.innerHTML = ' 用戶名不存在! ' ;
21 msg.style.color = ' red ' ;
22 }
23 }
24
25 functionVerifyUserName(name)
26 {
27 _Default.GetReturnCode(name,IsUsernameExist_callback);
28 }
29 </ script >
30 </ head >
31 < body >
32 < formid = " form1 " runat = " server " >
33 < div >
34 < asp:PanelID = " Panel1 " runat = " server " BackColor = " #C0C0FF " Font - Bold = " True " Font - Overline = " False "
35 Font - Size = " XX-Large " Height = " 37px " Width = " 459px " >
36 AjaxPro.NET數(shù)據(jù)驗(yàn)證 </ asp:Panel >
37 < br />
38 < hralign = " left " style = " width:463px " />
39 < br />
40 輸入用戶名: & nbsp;
41 < asp:TextBoxID = " tbUsername " runat = " server " ></ asp:TextBox >< br />
42 < br />
43 < asp:LabelID = " lblMessage " runat = " server " Width = " 246px " ></ asp:Label ></ div >
44 </ form >
45 </ body >
2 {
3 protected void Page_Load( object sender,EventArgse)
4 {
5 AjaxPro.Utility.RegisterTypeForAjax( typeof (_Default));
6 tbUsername.Attributes.Add( " OnKeyUp " , " VerifyUserName(this.value) " );
7 }
8
9 [AjaxPro.AjaxMethod]
10 public string GetReturnCode( string strName)
11 {
12 if ( ! IsValidUsername(strName))
13 {
14 return " 1 " ;
15 }
16 else if ( ! IsUsernameExist(strName))
17 {
18 return " 2 " ;
19 }
20 else
21 {
22 return " 0 " ;
23 }
24 }
25
26 private bool IsUsernameExist( string strUsername)
27 {
28 bool bRet = false ;
29
30 switch (strUsername.ToUpper())
31 {
32 case " KING " :
33 case " ROSE " :
34 bRet = true ;
35 break ;
36 }
37
38 return bRet;
39 }
40
41 private bool IsValidUsername( string strUsername)
42 {
43 return (Regex.IsMatch(strUsername, @" ^(/w{3,15})$ " ));
44 }
45 }
AjaxPro.NET框架完成服務(wù)端即時(shí)數(shù)據(jù)驗(yàn)證(Asp.net 2.0)(示例代碼下載)
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
