asp.net ajaxControlToolkit ValidatorCalloutExtender的简单用法

站长资源 2024/11/29 佚名

2 0 1

此控件是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>

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

上面的验证控件中的正则表达式的作用是值能输入数字，包括小数
注意：
验证控件的Displsy属性设置为：None 不然验证控件的的信息也会同时显示出来。突出层中的字体在验证控件中设置。
就这么多~

asp.net,ajaxControlToolkit,ValidatorCalloutExtender