ASP.NET中验证控件的使用

前言:

    前几日,无奈用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 >


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

 

 附:

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

 

 

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

 

 

 

 

 

 

转载于:https://www.cnblogs.com/yangmingming/archive/2010/03/09/1682006.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值