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