首頁 > 開發者 > 網站開發

ASP.NET中驗證控制項的使用

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：des   style   blog   http   color   java   使用   os   

原文:ASP.NET中驗證控制項的使用

前言：

    前幾日，無奈用JS判斷控制項的有效性，發現的確是一件費力、費神的事情！特別是針對郵件格式、郵遞區號等的關於Regex的JS驗證（其中涉及Regex的比較等，較煩~）。其實對於這些常用的控制項有效性驗證，在Asp.Net中有單獨的驗證控制項可供使用。他們可以滿足一般的，諸如非空，範圍、比較等的驗證。

 

驗證控制項：

   Asp.Net中內建的驗證控制項有：RequiredFieldValidation、RangeValidation、RegularExpressValidation、CompareValidation、CustomValidation和ValidationSummary等六種。其中使用者自訂驗證控制項，由於並不非常常用（要自訂很多成分，包括函數等），在此文不予論述。

   簡單的驗證介面如下（Design視圖）：

 

 

 

 展示了選取環境，右邊紅色字型為驗證控制項的ErrorMessage資訊。設計的環境布置如下：

1） RequiredFieldValidation控制項，其ControlToValidate屬性為姓名對應文字框。對於ControlToValidate屬性，每一個驗證控制項均對應一個，作為驗證的主體；

2）RangeValidation控制項， 其ControlToValidate屬性為年齡對應文字框；

3） CompareValidation控制項， 其ControlToValidate屬性為密碼確認對應文字框。同時還有一個容易和ControlToValidate屬性相混淆的屬性：ControlToCompare屬性，其對應密碼對應文字框。區分：的要點即是分清主體，此時驗證的主體是密碼確認對應框，在用operator時（等於、大於、小於），是比較的主體，和被比較的文字框相比較，這裡即是密碼對應文字框。

4）RegularExpressValidation控制項， 其ControlToValidate屬性為郵箱對應文字框；

5) ValidationSummary控制項，它不具備ControlToValidate屬性；

 

其對應的前台代碼為：

<head runat="server">
    <title>驗證控制項的示範頁面</title>
    <script type ="text/javascript" >
    // Description: 通過逐個示範驗證控制項的使用，作為複習

   // CopyRight: http://www.cnblogs.com/yangmingming

   // Notes: 採用一張類比使用者表的例子驗證
   </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       姓名： <asp:TextBox ID="txtRequiredField" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
            ErrorMessage="姓名不可為空！" ControlToValidate="txtRequiredField"></asp:RequiredFieldValidator>
            <br/>
            年齡：<asp:TextBox ID="txtRange" runat="server"></asp:TextBox>
        <asp:RangeValidator ID="RangeValidator1" runat="server" 
            ErrorMessage="年齡不在規定範圍內！" ControlToValidate="txtRange" MaximumValue="100" 
            MinimumValue="0" Type="Integer"></asp:RangeValidator>
        <br />
        密碼：<asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
        <br />
        密碼確認：<asp:TextBox ID="txtPasswordConfirm" runat="server"></asp:TextBox>
        <asp:CompareValidator ID="CompareValidator1" runat="server" 
            ErrorMessage="密碼前後輸入，不一致！" ControlToCompare="txtPassword" 
            ControlToValidate="txtPasswordConfirm"></asp:CompareValidator>
            <br />
            郵箱：<asp:TextBox ID="txtMail" runat="server"></asp:TextBox>
        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
            ErrorMessage="郵箱格式不符！" ControlToValidate="txtMail" 
            ValidationExpression="\w+([-+.‘]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
        <br />
        <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
            HeaderText="驗證資訊匯總" />
         <br />   
        <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" /> 
    </div>
    </form>
</body>
</html>


當文字框的輸入不符時，出現介面為：

 

 附：

      對於所有RequiredFieldValidation控制項，當其只針對姓名框時，當其餘框為空白時，它們對應的驗證控制項均失效。 可以認為除RequiredFieldValidation控制項，其餘控制項都要在此控制項基礎上才能起作用。

 

 

   綜述之，把驗證控制項的使用綜合起來，示範各個驗證控制項的使用方法，為以後的驗證控制項使用做一複習，呵呵~

 

 

 

 

 

 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More