欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

asp.net ajaxControlToolkit ValidatorCalloutExtender的简单用法

程序员文章站 2023-10-27 12:03:04
此控件是asp.net中的验证控件 requiredfieldvalidator , rangevalidator, regularexpressionvalidator,...
此控件是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 不然验证控件的的信息也会同时显示出来。突出层中的字体在验证控件中设置。
就这么多~