asp.net ajaxControlToolkit ValidatorCalloutExtender的简单用法

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

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

  主要属性:

  <ajaxToolkit:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server"

  TargetControlID="RequiredFieldValidator1" <!--要与之配使用的验证控件-->

  WarningIconImageUrl="images/Warning.gif" <!--突出层中显示的出错图标的图片路径-->

  CloseImageUrl="images/close.gif" <!--突出层的关闭按钮图片-->

  HighlightCssClass="err" <!--验证出错时,被验证的控件的样式表-->

  Width=”400px“> <!--气泡的宽度-->

  </ajaxToolkit:ValidatorCalloutExtender>

  用法很简单:

  

复制代码 代码如下:

  <asp:TextBox ID="txtWeiDu" runat="server" Width="200px"></asp:TextBox>

  <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtWeiDu" Display="None" ErrorMessage="请输入数字!" ValidationExpression="^(-|\+)?\d+(\.\d+)?$"></asp:RegularExpressionValidator>

  <!--TargetControlID属性制定要呼出提醒信息的验证控件ID-->

  <cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" TargetControlID="RegularExpressionValidator1"> </cc1:ValidatorCalloutExtender>

  上面的验证控件中的正则表达式的作用是值能输入数字,包括小数

  注意:

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

  就这么多~