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 不然驗證控件的的信息也會同時顯示出來。突出層中的字體在驗證控件中設置。

就這麼多~