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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
