Backspace or Delete key In TextBox with Masked Edit Extender in ASP.NET not working in Chrome

Question

           <asp:TextBox ID="txttime" runat="server" CssClass="TextBox">'
                 Width="60px" Enabled="false" ></asp:TextBox>

          <ajax:MaskedEditExtender ID="ajaxtime" runat="server" AcceptNegative="None"
         Enabled="True" TargetControlID="txttime" MaskType="Time" AcceptAMPM="true"
       ask="99:99" CultureName="en-CA"  AutoComplete="true" AutoCompleteValue="99:00"/>

In Above code delete or backspace key in textbox working Firefox and IE but not working in Chrome.. Please Help..

Any Suggestion....??

score 0 · Answer 1 · answered Oct 31 '13 at 12:10

0

Google chrome has such more issues with controls. You can specifically check version you are running on & what ascii values it takes? when you try to use keys. One more thing, check your textbox markup whether it is correct or not?

answered Oct 31 '13 at 12:10

Vishwajeet Kulkarni

156
11

chrome Version 30.0.1599.101 m – Boss Oct 31 '13 at 12:16
Try using webkit(ajax compatible); hope will help. – Vishwajeet Kulkarni Oct 31 '13 at 12:25

score 0 · Answer 2 · answered Apr 09 '14 at 09:55

0

It seems this was a bug in the MaskedEditExtender. See this CodePlex issue.

You could try updating to the latest version at it states it was fixed in the April 2013 release.

Alternatively there is a small fix available here.

answered Apr 09 '14 at 09:55

Brett Postin

11,215
10
60
95

score 0 · Answer 3 · edited Feb 01 '17 at 13:22

0

Add below code, it should work fine.Thanks.

protected void Page_Init(object sender, EventArgs e)
        {
            try
            {
                if (!ClientScript.IsStartupScriptRegistered(GetType(), "MaskedEditFix"))
                {
                    ClientScript.RegisterStartupScript(GetType(), "MaskedEditFix", String.Format("<script type='text/javascript' src='{0}'></script>", Page.ResolveUrl("../Javascript/MaskedEditFix.js")));
                }
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }

edited Feb 01 '17 at 13:22

emilliman5

5,816
3
27
37

answered Feb 01 '17 at 12:45

Krishna Balyapelli

1
3

1

Why does this fix the issue? Please expand on your answer rather than just posting code. – JamesT Feb 01 '17 at 13:06

score -3 · Answer 4 · edited May 03 '14 at 10:54

below code works fine, replace TargetControlID="txtPhone" by your text field id.

<ajax:MaskedEditExtender ID="textPhone_MaskedEditExtender" MaskType="None" runat="server"
                                CultureAMPMPlaceholder="" CultureCurrencySymbolPlaceholder="" CultureDateFormat=""
                                CultureDatePlaceholder="" CultureDecimalPlaceholder="" CultureThousandsPlaceholder=""
                                CultureTimePlaceholder="" Enabled="True" TargetControlID="txtPhone" Mask="(999)-999-9999"
                                AutoComplete="true" ClearMaskOnLostFocus="false" CultureName="en-US">
                            </ajax:MaskedEditExtender>

Can you elaborate further on this? The OP doesn't have a control with ID txtPhone - it sounds like you left out part of your answer. — Derek, Dec 05 '13 at 15:40

Backspace or Delete key In TextBox with Masked Edit Extender in ASP.NET not working in Chrome

4 Answers4