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> <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的淡入淡出效果的演示。。
<!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>