快捷導(dǎo)航

ASP.NET中驗證控件的使用方法

更新時間：2022年04月26日 09:46:25 作者：Youngman

這篇文章主要內(nèi)容是ASP.NET中驗證控件的使用方法,RequiredFieldValidation控件的介紹，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

對于這些常用的控件有效性驗證，在Asp.Net中有單獨的驗證控件可供使用。他們可以滿足一般的，諸如非空，范圍、比較等的驗證，為用戶登錄頁面添加輸入數(shù)據(jù)驗證功能和驗證碼功能。

驗證控件：

Asp.Net中內(nèi)置的驗證控件有：RequiredFieldValidation、RangeValidation、RegularExpressValidation、CompareValidation、CustomValidation和ValidationSummary等六種。其中用戶自定義驗證控件，由于并不非常常用（要自定義很多成分，包括函數(shù)等），在此文不予論述。

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

如圖展示了選取環(huán)境，右邊紅色字體為驗證控件的ErrorMessage信息。設(shè)計的環(huán)境布置如下：

1）RequiredFieldValidation控件，其ControlToValidate屬性為姓名對應(yīng)文本框。對于ControlToValidate屬性，每一個驗證控件均對應(yīng)一個，作為驗證的主體；

2）RangeValidation控件，其ControlToValidate屬性為年齡對應(yīng)文本框；

3）CompareValidation控件，其ControlToValidate屬性為密碼確認(rèn)對應(yīng)文本框。同時還有一個容易和ControlToValidate屬性相混淆的屬性：ControlToCompare屬性，其對應(yīng)密碼對應(yīng)文本框。區(qū)分：的要點即是分清主體，此時驗證的主體是密碼確認(rèn)對應(yīng)框，在用operator時（等于、大于、小于），是比較的主體，和被比較的文本框相比較，這里即是密碼對應(yīng)文本框。

4）RegularExpressValidation控件，其ControlToValidate屬性為郵箱對應(yīng)文本框；

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

其對應(yīng)的前臺代碼為：

<head runat="server">
 <title>驗證控件的演示頁面</title>
 <script type ="text/javascript" >

 // 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>
   

   年齡：<asp:TextBox ID="txtRange" runat="server"></asp:TextBox>
  <asp:RangeValidator ID="RangeValidator1" runat="server" 
   ErrorMessage="年齡不在規(guī)定范圍內(nèi)！" ControlToValidate="txtRange" MaximumValue="100" 
   MinimumValue="0" Type="Integer"></asp:RangeValidator>
  <br />
  密碼：<asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
  <br />
  密碼確認(rèn)：<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>

當(dāng)文本框的輸入不符時，出現(xiàn)界面為：