基于Ajax.net的验证

最新推荐文章于 2024-02-29 11:13:15 发布

shuilv2000

最新推荐文章于 2024-02-29 11:13:15 发布

阅读量385

点赞数

分类专栏： ajax 文章标签： webform callback javascript server ajax generator

本文链接：https://blog.csdn.net/shuilv2000/article/details/3899335

版权

ajax 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

同第一个例子一样，前面的准备工作就不再陈述了。
新建一个项目，命名为ajax,在WebForm1.aspx.cs文件的Page_Load()事件里注册:

private void Page_Load( object sender, System.EventArgs e)
2

{
3

// 在此处放置用户代码以初始化页面
4

AjaxPro.Utility.RegisterTypeForAjax(typeof(WebForm1));
5

}

然后开始服务器端的编程，写入如下的函数:

private bool IsusernameExit( string strusername)
2

{
3

bool bret=false;
4

switch (strusername.ToLower())
5

{
6

case "test":
7

case "tom":
8

case "jack":
9

case "ajax":
10

case "aspnet":
11

bret=true;
12

break;
13

}
14

return bret;
15

}
16

[AjaxPro.AjaxMethod]
17

public string GetReturnCode( string strusername)
18

{
19

if(!IsValidUsername(strusername))
20

{
21

return "1";
22

}
23

else if(!IsusernameExit(strusername))
24

{
25

return "2";
26

}
27

else
28

{
29

return "0";
30

}
31

}
33

private bool IsValidUsername( string strusername)
34

{
35

return (Regex.IsMatch(strusername,@"^(/w{3,15})$"));
36

}

这些是服务器端的函数，那么接下来就是客户端的编程,在WebForm1.aspx的HTML页面的<head></head>区域里
写入以下的函数:

< script language = " javascript " >
2

function username()
3

{
4

var username=document.getElementById("tbUsername").value;
5

var a=ajax.WebForm1.GetReturnCode(username);
6

IsUsernameExit_callback(a);
7

}
8

function IsUsernameExit_callback(res)
9

{
10

var msg=document.getElementById("ss");
11

var bret=res.value;
12

if(bret=="0")
13

{
14

msg.innerHTML="用户名存在";
15

msg.style.color="green";
16

}
17

else if(bret=="1")
18

{
19

msg.innerHTML="用户名长度必须在3到15之间,且不包含字母数字和下划线以外的字符！";
20

msg.style.color="red";
21

}
22

else
23

{
24

msg.innerHTML="用户名不存在";
25

msg.style.color="red";
26

}
27

}
28

</ script >

恩，这样就差不多了，根据上面的代码，再在页面上拖几个相关的控件，就可以了，下面给出完整的代码
Webform1.aspx.cs

using System;
2

using System.Collections;
3

using System.ComponentModel;
4

using System.Data;
5

using System.Drawing;
6

using System.Web;
7

using System.Web.SessionState;
8

using System.Web.UI;
9

using System.Web.UI.WebControls;
10

using System.Web.UI.HtmlControls;
11

using System.Text.RegularExpressions;
12

namespace ajax
13

{
14

/// <summary>
15

/// WebForm1 的摘要说明。
16

/// </summary>
17

public class WebForm1 : System.Web.UI.Page
18

{
19

protected System.Web.UI.WebControls.Label Label1;
20

protected System.Web.UI.WebControls.TextBox tbUsername;
21

protected System.Web.UI.WebControls.Label ss;
22

protected System.Web.UI.WebControls.Label Label2;
23

private void Page_Load(object sender, System.EventArgs e)
25

{
26

// 在此处放置用户代码以初始化页面
27

AjaxPro.Utility.RegisterTypeForAjax(typeof(WebForm1));
28

}
29

private bool IsusernameExit(string strusername)
31

{
32

bool bret=false;
33

switch (strusername.ToLower())
34

{
35

case "test":
36

case "tom":
37

case "jack":
38

case "ajax":
39

case "aspnet":
40

bret=true;
41

break;
42

}
43

return bret;
44

}
45

[AjaxPro.AjaxMethod]
46

public string GetReturnCode(string strusername)
47

{
48

if(!IsValidUsername(strusername))
49

{
50

return "1";
51

}
52

else if(!IsusernameExit(strusername))
53

{
54

return "2";
55

}
56

else
57

{
58

return "0";
59

}
60

}
62

private bool IsValidUsername(string strusername)
63

{
64

return (Regex.IsMatch(strusername,@"^(/w{3,15})$"));
65

}
66

Web 窗体设计器生成的代码
87

}
93

}
96

Webform1.aspx代码:

<% @ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="ajax.WebForm1" %>
2

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
3

< HTML >
4

< HEAD >
5

< title > WebForm1 </ title >
6

< meta content ="Microsoft Visual Studio .NET 7.1" name ="GENERATOR" >
7

< meta content ="C#" name ="CODE_LANGUAGE" >
8

< meta content ="JavaScript" name ="vs_defaultClientScript" >
9

< meta content ="http://schemas.microsoft.com/intellisense/ie5" name ="vs_targetSchema" >
10

< script language ="javascript" >
11

function username()
12

{
13

var username=document.getElementById("tbUsername").value;
14

var a=ajax.WebForm1.GetReturnCode(username);
15

IsUsernameExit_callback(a);
16

}
17

function IsUsernameExit_callback(res)
18

{
19

var msg=document.getElementById("ss");
20

var bret=res.value;
21

if(bret=="0")
22

{
23

msg.innerHTML="用户名存在";
24

msg.style.color="green";
25

}
26

else if(bret=="1")
27

{
28

msg.innerHTML="用户名长度必须在3到15之间,且不包含字母数字和下划线以外的字符！";
29

msg.style.color="red";
30

}
31

else
32

{
33

msg.innerHTML="用户名不存在";
34

msg.style.color="red";
35

}
36

}
37

</ script >
39

</ HEAD >
42

< body >
43

< form id ="Form1" method ="post" runat ="server" >
44

  < FONT face ="宋体" >
45

< asp:label id ="Label1" style ="Z-INDEX: 101; LEFT: 72px; POSITION: absolute; TOP: 72px" runat ="server"
46

Width ="144px" > 给于ajax的数据验证 </ asp:label >< asp:label id ="Label2" style ="Z-INDEX: 102; LEFT: 80px; POSITION: absolute; TOP: 128px" runat ="server" > 用户名: </ asp:label >< asp:textbox id ="tbUsername" onkeyup ="username()" style ="Z-INDEX: 103; LEFT: 160px; POSITION: absolute; TOP: 128px"
47

runat ="server" ></ asp:textbox >< br >
48

< asp:Label id ="ss" style ="Z-INDEX: 104; LEFT: 80px; POSITION: absolute; TOP: 184px" runat ="server" ></ asp:Label ></ FONT ></ form >
49

</ body >
50

</ HTML >
51

恩，这个例子没有涉及到数据库，当然了，只是个简单的引入。以后的工作量还是很大的。

shuilv2000

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
基于Ajax.net的验证

同第一个例子一样，前面的准备工作就不再陈述了。新建一个项目，命名为ajax,在WebForm1.aspx.cs文件的Page_Load()事件里注册:1private void Page_Load(object sender, System.EventArgs e)2 {3 // 在此处放置用户代码以初始化页面4 Aja
复制链接

扫一扫