快捷導(dǎo)航

asp.net數(shù)據(jù)驗(yàn)證控件

更新時間：2015年11月22日 11:08:30 投稿：hebedich

ASP.NET不僅把窗體的驗(yàn)證作為服務(wù)器控件引入，還使這些控件智能化。如果瀏覽器支持JavaScript，而ASP.NET可以發(fā)送JavaScript，驗(yàn)證就在客戶端進(jìn)行；如果客戶機(jī)不支持用于驗(yàn)證的JavaScript，這些JavaScript就被忽略，驗(yàn)證就在服務(wù)器上進(jìn)行。

1、非空數(shù)據(jù)驗(yàn)證控件RequiredFiledValidator。

屬性：ControlToValiata 指驗(yàn)證控件對哪一個控件進(jìn)行驗(yàn)證。例如驗(yàn)證TextBox控件的ID屬性txtPwd，只要將RequiredFiledValidator?？丶腃ontrolToValidata屬性設(shè)置為txtPwd。代碼：this.RequiredFiledValidator1.ControlToValidata="txtPwd";

ErrorMessage屬性：用于指定頁面中使用RequiredFiledValidator控件時顯示的錯誤消息文本。代碼：this.RequeiredFiledValidator1.ErrorMessage=“*”；

2、數(shù)據(jù)比較驗(yàn)證控件

CompareValidator：

重要屬性：ControlToCompare 指定要對其進(jìn)行值比較的控件ID。例如驗(yàn)證兩次ID。

this.compareValidator1.ControlToCompare="txtPwd";

this.compareValidator1.ControlToValidate=""txtRepwd:

Operator屬性：進(jìn)行驗(yàn)證時進(jìn)行的操作。例如驗(yàn)證輸入密碼和再次輸入密碼是否一致。

this.CompareValidator1.OPerator=ValidationCompareOperator.Equal;

Type屬性：指定要進(jìn)行比較的兩個值的數(shù)據(jù)類型；例如驗(yàn)證兩者的數(shù)據(jù)類型

this.。。Type=ValidationDataType.String;

ValueToCompare屬性：指定要比較的值。

 <title>數(shù)據(jù)驗(yàn)證技術(shù)</title>
</head>
<body>
  <form id="form1" runat="server">
  <div>
  <h2>數(shù)據(jù)驗(yàn)證技術(shù)</h2>
    <h3>非空數(shù)據(jù)驗(yàn)證</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="驗(yàn)證" OnClick="btOK_Click" style="height: 21px" />

    </div>
  </div>
    <div>
      <hr />
      <h3>數(shù)據(jù)比較控件驗(yàn)證</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 ="確認(rèn)密碼："></asp:Label>
        <asp:TextBox ID="txtRepwd" runat ="server" TextMode ="Password" ></asp:TextBox>
      <asp:CompareValidator ID="Comval" runat ="server" ControlToValidate ="txtRepwd" ControlToCompare ="txtPwd" ErrorMessage="確認(rèn)密碼與原密碼不匹配"></asp:CompareValidator><br /><br />
      <asp:Button ID="btnCheck" runat ="server" Text ="驗(yàn)證2" OnClick="btnCheck_Click" />   
    </div>
  </form>

3、數(shù)據(jù)類型驗(yàn)證控件

CompareValidator對照特定的數(shù)據(jù)類型驗(yàn)證用戶的輸入，以確保用戶輸入的是數(shù)字還是日期等。

例：用到的控件屬性，CotrolToValidator、operator、type屬性。驗(yàn)證用戶輸入的出生日期與類型是否匹配。

關(guān)于JQuery的淡入淡出效果的演示。。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>jquery動態(tài)</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>

您可能感興趣的文章: