I have been trying to get the MaskedEditExtender to work as shown on the samples web page but have to no avail.
The problem I face is that the page, when viewed using Internet Explorer 7 will not remove the underscores as I type and the values I type in beginning with 0 for example 09:30 cannot be registered correctly (as per the behaviour shown in the sample web site).
Also, an error with the following message is found:
"Object doesn't support this property or method."
Below is the piece of code in which I have been trying to get to work.
<p>
Trip Start Time:
<br />
<asp:TextBox ID="tbTimeStart" runat="server" ValidationGroup="MKE"></asp:TextBox> <ajaxToolkit:MaskedEditExtender ID="tbTimeStart_MaskedEditExtender" runat="server"
Enabled="True" Mask="99:99" MaskType="Time" TargetControlID="tbTimeStart" UserTimeFormat="TwentyFourHour" /> <ajaxToolkit:MaskedEditValidator ID="tbTimeStart_MaskedEditValidator" runat="server"
ControlExtender="tbTimeStart_MaskedEditExtender" ControlToValidate="tbTimeStart"
ValidationGroup="MKE" Display="Dynamic" EmptyValueBlurredText="*" EmptyValueMessage="Please enter a valid 24H. (HH:mm)"
InvalidValueMessage="Invalid time entered." IsValidEmpty="False" TooltipMessage="Enter a valid 24H time. (HH:mm)" />
</p>
I have already tried the page with several browsers and found it to work normally as per the sample web page for Firefox and Chrome. But it will not work on Internet Explorer 7 which is my default browser.
Using IE7 to browse the sample web site proves to show no problems. It seems to act only on my page. I believe that I may have left out some settings (web.config or imports) and anyone who can suggest me solutions will be most welcome.