码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET中验证控件的使用

时间:2014-08-20 17:52:22      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   color   java   使用   os   

原文:ASP.NET中验证控件的使用

前言:

    前几日,无奈用JS判断控件的有效性,发现的确是一件费力、费神的事情!特别是针对邮件格式、邮政编码等的关于正则表达式的JS验证(其中涉及正则表达式的比较等,较烦~)。其实对于这些常用的控件有效性验证,在Asp.Net中有单独的验证控件可供使用。他们可以满足一般的,诸如非空,范围、比较等的验证。

 

验证控件:

   Asp.Net中内置的验证控件有:RequiredFieldValidation、RangeValidation、RegularExpressValidation、CompareValidation、CustomValidation和ValidationSummary等六种。其中用户自定义验证控件,由于并不非常常用(要自定义很多成分,包括函数等),在此文不予论述。

   简单的验证界面如下(Design视图):

 

bubuko.com,布布扣 

 

 如图展示了选取环境,右边红色字体为验证控件的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>


当文本框的输入不符时,出现界面为:

bubuko.com,布布扣 

 附:

      对于所有RequiredFieldValidation控件,当其只针对姓名框时,当其余框为空时,它们对应的验证控件均失效。 可以认为除RequiredFieldValidation控件,其余控件都要在此控件基础上才能起作用。

bubuko.com,布布扣 

 

   综述之,把验证控件的使用综合起来,演示各个验证控件的使用方法,为以后的验证控件使用做一复习,呵呵~bubuko.com,布布扣

 

 

 

 

 

 

ASP.NET中验证控件的使用,布布扣,bubuko.com

ASP.NET中验证控件的使用

标签:des   style   blog   http   color   java   使用   os   

原文地址:http://www.cnblogs.com/lonelyxmas/p/3925115.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!