本篇文章为大家展示了asp.net中如何使用数据验证控件,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
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属性:指定要比较的值。
<title>数据验证技术</title> </head> <body> <form id="form1" runat="server"> <div> <h3>数据验证技术</h3> <h4>非空数据验证</h4> <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" /> </div> </div> <div> <hr /> <h4>数据比较控件验证</h4> <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的淡入淡出效果的演示。。
<!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 > <ul class=" nav"> <li><a href=" #">Home</a></li> <li> <a href="#">ipnoe</a> </li> </ul </div> </body> </html>
上述内容就是asp.net中如何使用数据验证控件,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。