1、非空数据验证控件RequiredFiledValidator。
属性:ControlToValiata 指验证控件对哪一个控件进行验证。例如验证TextBox控件的ID属性txtPwd,只要将RequiredFiledValidator。控件的ControlToValidata属性设置为txtPwd。代码:this.RequiredFiledValidator1.ControlToValidata="txtPwd";
ErrorMessage属性:用于指定页面中使用RequiredFiledValidator控件时显示的错误消息文本。代码:this.RequeiredFiledValidator1.ErrorMessage=“*”;
2、数据比较验证控件
CompareValidator:
重要属性:ControlToCompare 指定要对其进行值比较的控件ID。例如验证两次ID。
this.compareValidator1.ControlToCompare="txtPwd";
this.compareValidator1.ControlToValidate=""txtRepwd:
Operator属性:进行验证时进行的操作。例如验证输入密码和再次输入密码是否一致。
this.CompareValidator1.OPerator=ValidationCompareOperator.Equal;
Type属性:指定要进行比较的两个值的数据类型;例如验证两者的数据类型
this.。。Type=ValidationDataType.String;
ValueToCompare属性:指定要比较的值。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<title>数据验证技术</title> </head> <body> <form id= "form1" runat= "server" > <div> <h2>数据验证技术</h2> <h3>非空数据验证</h3> <div > <asp:Label ID= "lab" Text= "用户信息" runat = "server" ></asp:Label ><br /><br /> <asp:Label ID= "Name" Text = "姓名:" runat = "server" ></asp:Label> <asp:TextBox ID= "txtName" runat= "server" ></asp:TextBox> <asp:RequiredFieldValidator ID= "RedFile" runat = "server" ControlToValidate = "txtName" SetFocusOnError = "true" ErrorMessage = "姓名不能为空" ></asp:RequiredFieldValidator><br /><br /><br /> <asp:Button ID= "btOK" runat= "server" Text= "验证" OnClick= "btOK_Click" style= "height: 21px" /> </div> </div> <div> <hr /> <h3>数据比较控件验证</h3> <var> <asp:Label ID= "LabTxt" runat= "server" Text= "用户信息" BorderStyle = "NotSet" ></asp:Label><br /> </var> <asp:Label ID= "lab2" runat= "server" Text= "姓名:" ></asp:Label> <asp:TextBox ID= "lab3" runat = "server" ></asp:TextBox> <asp:RequiredFieldValidator ID= "RequFlie2" runat= "server" ErrorMessage = "姓名不能为空" SetFocusOnError = "true" ControlToValidate = "txtName" ></asp:RequiredFieldValidator><br /><br /> <asp:Label ID = "lab4" runat= "server" Text = "密码:" ></asp:Label> <asp:TextBox ID= "txtPwd" runat = "server" TextMode= "Password" ></asp:TextBox><br /><br /> <asp:Label ID = "lab5" runat= "server" Text = "确认密码:" ></asp:Label> <asp:TextBox ID= "txtRepwd" runat = "server" TextMode = "Password" ></asp:TextBox> <asp:CompareValidator ID= "Comval" runat = "server" ControlToValidate = "txtRepwd" ControlToCompare = "txtPwd" ErrorMessage= "确认密码与原密码不匹配" ></asp:CompareValidator><br /><br /> <asp:Button ID= "btnCheck" runat = "server" Text = "验证2" OnClick= "btnCheck_Click" /> </div> </form> |
3、数据类型验证控件
CompareValidator对照特定的数据类型验证用户的输入,以确保用户输入的是数字还是日期等。
例:用到的控件属性,CotrolToValidator、operator、type属性。验证用户输入的出生日期与类型是否匹配。
关于JQuery的淡入淡出效果的演示。。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
<!DOCTYPE html> < html > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < title >jquery动态</ title > < script src = "" > </ script > < script type = "text/javascript" > $(function(){ $(".nav li").hover(function(){ $("ul",this ).fadeIn(); }, function(){ $("ul") }) $) </ script > < meta charset = "utf-8" /> < style type = "text/css" > body{ font-family :Arial ,sans-serif; font-size:15px; } .nav{ margin:0; padding:0; list-style:none ; } .nav li { float :left ; width:150px; position :relative ; } .nav li a{ background:#262626; color:#fff; display :block ; padding :8px 7px 8px 7px; text-decoration:none ; text-align :center ; text-transform :uppercase ;//小写变大写 } .nav li a:hover { color:#bf3826; } .nav ul{ position :absolute ; left:0px; display:none ; margin: 0 0 0 -1px; padding :0; list-style:none ; border-bottom :3px solid #bf3826; } .nav ul li{ width:180px; float :left ; border-top :none ; } .nav ul a{ display :block ; height :15px; padding: 8px 7px 8px 7px; color :#fff; text-decoration :none ; border-top:none ; border-bottom:1px dashed #bf3826; } </ style > </ head > < body > < div style = "width :650px ; margin:0 auto" > < ul class = " nav" > < li >< a href = " #" >Home</ a ></ li > < li > < a href = "#" >ipnoe</ a > </ li > </ ul </div> </ body > </ html > |