ASP.NET中验证控件的使用

浏览数：17 / 时间：2015年06月09日

前言：

前几日，无奈用JS判断控件的有效性，发现的确是一件费力、费神的事情！特别是针对邮件格式、邮政编码等的关于正则表达式的JS验证（其中涉及正则表达式的比较等，较烦~）。其实对于这些常用的控件有效性验证，在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>

当文本框的输入不符时，出现界面为：