AJAX ControlToolkit學習日誌-MaskedEditExtender和MaskedEditValidator(15)

      MaskedEditExtender用於對文字框中的內容進行指定修飾，使使用者輸入的格式直接滿足需要。
      MaskedEditValidator用於對文字框中輸入的值進行驗證，使其滿足需要。

下面看一個樣本：

1)在VS2005中建立一個ASP.NET AJAX-Enabled Web Project項目工程，命名為MaskedEditExtender1。

2)在Default.aspx頁面上拖放一個TextBox，設ID為TxtDate。然後再拖放一個MaskedEditExtender，並設定其一些屬性。

代碼如下：1        <cc1:maskededitextender id="MaskedEditExtender1" TargetControlID="TextBox1" Mask="99-99-99" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError" MessageValidatorTip="true" MaskType="Date" runat="server"></cc1:maskededitextender>
2        &nbsp;&nbsp;<br />

屬性說明：

      TargetControlID：需要進行格式設定的TextBox控制項。
      Mask：TextBox控制項中的格式。
      OnFocusCssClass：當TextBox得到焦點時使用的css樣式。
      OnValidCssClass：當TextBox中輸入無效字元時使用的css樣式。
      MessageValidatorTip：當TextBox進行資訊輸入時是否有提示。值為True，則有提示；值為False，則沒有提示。
      MaskType：TextBox中輸入的字元進行驗證的類型。有Date,Number,Time。

3)然後在頁面中再拖放一個MaskedEditValidator控制項，用於對TextBox中輸入的內容進行驗證。

代碼如下：1        <cc1:MaskedEditValidator ID="MaskedEditValidator1" runat="server" ControlExtender="MaskedEditExtender1"
2            ControlToValidate="TextBox1" InvalidValueMessage='"Invalid Message"' EmptyValueMessage="Data is required" IsValidEmpty="False" Display="Dynamic" TooltipMessage="Input Date"></cc1:MaskedEditValidator></div>
3

屬性說明：

      ControlExtender：它是對哪個MaskedEditValidator控制項進行擴充。
      ControlToValidate：它是對那個TextBox控制項進行驗證。
      EmptyValueMessage：當TextBox中內容為空白時，使用的提示資訊。
      IsValidEmpty：指定TextBox是否允許為空白。值為True，則允許為空白；值為False，則不允許為空白。
      Display：指定該控制項的顯示方式。有Static(靜態)，Static(動態)，None。
      TooltipMessage：當TextBox中進行資訊輸入時顯示的提示資訊。

4)按下CTRL+F5,在瀏覽器中查看。

如下：