ajaxControlToolkit---ValidatorCalloutExtender的简单用法

今天偶尔用到这个控件,简单记录下~~~~

此控件是asp.net中的验证控件 RequiredFieldValidator , RangeValidator,  RegularExpressionValidator, CompareValidator, CustomValidator,ValidationSummary的错误验证信息呼出的一个扩展控件

主要作用是把未通过验证的信息通过一个突出的层显示给用户。

主要属性:

  1.  <ajaxToolkit:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" 
  2.         TargetControlID="RequiredFieldValidator1" <!--要与之配使用的验证控件-->
  3.         WarningIconImageUrl="images/Warning.gif" <!--突出层中显示的出错图标的图片路径-->
  4.         CloseImageUrl="images/close.gif" <!--突出层的关闭按钮图片-->
  5.         HighlightCssClass="err" <!--验证出错时,被验证的控件的样式表-->
  6.         Width=”400px“>    <!--气泡的宽度-->
  7.  </ajaxToolkit:ValidatorCalloutExtender>


用法很简单:

  1.      <asp:TextBox ID="txtWeiDu" runat="server" Width="200px"></asp:TextBox>
  2.    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"         ControlToValidate="txtWeiDu" Display="None" ErrorMessage="请输入数字!" ValidationExpression="^(-|/+)?/d+(/./d+)?$"></asp:RegularExpressionValidator>
  3. <!--TargetControlID属性制定要呼出提醒信息的验证控件ID-->
  4.  <cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" TargetControlID="RegularExpressionValidator1"> </cc1:ValidatorCalloutExtender>
上面的验证控件中的正则表达式的作用是值能输入数字,包括小数

注意: 
验证控件的Displsy属性设置为:None 不然验证控件的的信息也会同时显示出来。突出层中的字体在验证控件中设置。

就这么多~



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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值