Ajax 中 MaskedEditExtender 应用..

Ajax 中 MaskedEditExtender 应用..

<td align="left" style="width: 10%; height: 14px" valign="top">

Exam Date</td>

<td align="left" style="width: 34%; height: 14px" valign="top">

<asp:TextBox ID="TextBox_ExamDate_2" runat="server" Width="155px" MaxLength="1" style="text-align:justify" ValidationGroup="MKE" />

<asp:ImageButton ID="ImgBntCalc" runat="server" ImageUrl="~/images/Calendar_scheduleHS.png" CausesValidation="False" />

<cc1:MaskedEditExtender ID="MaskedEditExtender5" runat="server"

TargetControlID="TextBox_ExamDate_2"

Mask="99/99/9999"

MessageValidatorTip="true"

CultureName="en-US"

OnFocusCssClass="MaskedEditFocus"

OnInvalidCssClass="MaskedEditError"

MaskType="Date"

DisplayMoney="Left"

AcceptNegative="Left"

ErrorTooltipEnabled="True" />

<cc1:MaskedEditValidator ID="MaskedEditValidator5" runat="server"

ControlExtender="MaskedEditExtender5"

ControlToValidate="TextBox_ExamDate_2"

EmptyValueMessage="Date is required"

InvalidValueMessage="Date is invalid"

Display="Dynamic"

TooltipMessage="Input a date"

EmptyValueBlurredText="*"

InvalidValueBlurredMessage="*"

ValidationGroup="MKE" />

<cc1:CalendarExtender ID="CalendarExtender1" runat="server" Format="MM/dd/yyyy" TargetControlID="TextBox_ExamDate_2" PopupButtonID="ImgBntCalc" />

</td>

--Result—

<shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></path><lock aspectratio="t" v:ext="edit"></lock></shapetype><shape id="_x0000_i1025" style="WIDTH: 357.75pt; HEIGHT: 24.75pt" type="#_x0000_t75"><imagedata o:title="" src="file:///C:%5CDOCUME~1%5Cwei_zhu%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.png"></imagedata></shape>

<shape id="_x0000_i1026" style="WIDTH: 291.75pt; HEIGHT: 166.5pt" type="#_x0000_t75"><imagedata o:title="" src="file:///C:%5CDOCUME~1%5Cwei_zhu%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image003.png"></imagedata></shape>

（更多用法，请参考Ajax Sample 实例）