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

综述之，把验证控件的使用综合起来，演示各个验证控件的使用方法，为之后的验证控件使用作一复习，呵呵~