【轉】ASP.NET中驗證控件的使用

時間 2019-11-06

標籤 asp.net asp 驗證控件使用欄目 ASP 简体版

原文原文鏈接

前言：javascript

前幾日，無奈用JS判斷控件的有效性，發現的確是一件費力、費神的事情！特別是針對郵件格式、郵政編碼等的關於正則表達式的JS驗證（其中涉及正則表達式的比較等，較煩~）。其實對於這些經常使用的控件有效性驗證，在Asp.Net中有單獨的驗證控件可供使用。他們能夠知足通常的，諸如非空，範圍、比較等的驗證。html

驗證控件：java

Asp.Net中內置的驗證控件有：RequiredFieldValidation、RangeValidation、RegularExpressValidation、CompareValidation、CustomValidation和ValidationSummary等六種。其中用戶自定義驗證控件，因爲並不很是經常使用（要自定義不少成分，包括函數等），在此文不予論述。正則表達式

簡單的驗證界面以下（Design視圖）：函數

如圖展現了選取環境，右邊紅色字體爲驗證控件的ErrorMessage信息。設計的環境佈置以下：字體

1） RequiredFieldValidation控件，其ControlToValidate屬性爲姓名對應文本框。對於ControlToValidate屬性，每個驗證控件均對應一個，做爲驗證的主體；ui

2）RangeValidation控件，其ControlToValidate屬性爲年齡對應文本框；編碼

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

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控件，其他控件都要在此控件基礎上才能起做用。

綜述之，把驗證控件的使用綜合起來，演示各個驗證控件的使用方法，爲之後的驗證控件使用作一複習，呵呵~

相關標籤/搜索