AJAX ControlToolkit

发布时间：2020-12-15 21:04:35 所属栏目：百科来源：网络整理

导读：ValidatorCalloutExtender该控件用于扩展验证控件，对验证控件的错误提示进行样式化及强调化。下面来看一个示例： 1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project项目工程，命名为ValidatorCalloutExtender1。 2)在页面上拖放2个TextBox,用于输入用

ValidatorCalloutExtender该控件用于扩展验证控件，对验证控件的错误提示进行样式化及强调化。

下面来看一个示例：

1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project项目工程，命名为ValidatorCalloutExtender1。

2)在页面上拖放2个TextBox,用于输入用户名和电话号码。同时对输入用户名的TextBox，加一个RequiredFieldValidator；对输入电话号码的TextBox，加一个RequiredFieldValidator和RegularExpressionValidator。同时对每个Validator扩展一个ValidatorCalloutExtender。

代码如下：

1<div>
2Name: 
3<asp:TextBoxID="txtName"runat="server"></asp:TextBox>
4<asp:RequiredFieldValidatorID="RequiredFieldValidator1"runat="server"ControlToValidate="txtName"
5Display="None"ErrorMessage="Nameisrequired"></asp:RequiredFieldValidator>
6<cc1:ValidatorCalloutExtenderID="ValidatorCalloutExtender1"runat="server"TargetControlID="RequiredFieldValidator1">
7</cc1:ValidatorCalloutExtender>
8<br/>
9<br/>
10phone: 
11<asp:TextBoxID="txtPhone"runat="server"OnTextChanged="TextBox2_TextChanged"></asp:TextBox>
12<asp:RequiredFieldValidatorID="RequiredFieldValidator2"runat="server"ControlToValidate="txtPhone"
13Display="None"ErrorMessage="phoneisrequired"></asp:RequiredFieldValidator>
14<asp:RegularExpressionValidatorID="RegularExpressionValidator1"runat="server"ControlToValidate="txtPhone"
15Display="None"ErrorMessage="RegularExpressionValidator"ValidationExpression="((d{3})|d{3}-)?d{8}"></asp:RegularExpressionValidator>
16<cc1:ValidatorCalloutExtenderID="ValidatorCalloutExtender2"runat="server"TargetControlID="RequiredFieldValidator2">
17</cc1:ValidatorCalloutExtender>
18<cc1:ValidatorCalloutExtenderID="ValidatorCalloutExtender3"runat="server"TargetControlID="RegularExpressionValidator1">
19</cc1:ValidatorCalloutExtender>
20<br/>
21<br/>
22<asp:ButtonID="Button1"runat="server"Text="Button"/></div>

3)按下CTRL+F5，在浏览器里查看效果。

效果图如下：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!