AJAX :: MaskedEditExtender Mask Not Working Properly After Turning Off Readonly
Sep 24, 2010
I ran into a strange issue with the AJAX MaskedEditExtender control, the extender is used with the Mask="99/99/9999" and MaskType="Date". Initially when the page loads the textbox was set to readonly using textbox.Attributes.Add("readonly", "readonly") in the codebehind. After the page loads if the user clicks on a certain button it would change the textbox to editable using javascript code: textbox.readOnly = false. The strange thing is after that if you start typing in the textbox you can see the entire mask
(__/__/____) shifting to the right as you type. For example it looks something like this: 09__/__/____ instead of the normal 09/__/____.
If the textbox was never set to readonly in the first place this behavior won't happen. So it seems something got messed up when changing from readonly to not. I was able to reproduce this in a barebone aspx page with just the textbox, the mask extender, and a button that when clicked turning off the textbox's readonly. Anyone knows how I can fix this?
I'm using Ajax toolkit v3.0.30512
View 5 Replies
Similar Messages:
Feb 11, 2010
I just started using the mask control. I have it working exactly the way I want with date but can't get the same behavior with Phone.
<AjaxControlToolkit:MaskedEditExtender
ID="mskTbTicketOpenedDate"
runat="server"
TargetControlID="tbTicketOpenedDate"
Mask="99/99/9999"
MessageValidatorTip="true"
OnFocusCssClass="MaskedEditFocus"
OnInvalidCssClass="MaskedEditError"
MaskType="Date"
ErrorTooltipEnabled="True" />
Date Mask Validator:
<asp:RequiredFieldValidator
ID="rfValTbTicketOpenedDate"
runat="server"
ControlToValidate="tbTicketOpenedDate"
Display="Dynamic"
ErrorMessage="required!<br />" />
<AjaxControlToolkit:MaskedEditValidator
ID="mskValTbTicketOpenedDateInvalid"
runat="server"
ControlExtender="mskTbTicketOpenedDate"
ControlToValidate="tbTicketOpenedDate"
IsValidEmpty="false"
InvalidValueMessage="Date is invalid<br />"
Display="Dynamic" />
Breaking out the required field validation helped me get the date textbox to behave the way I need. Just positioning validation messages and such. Behavior I like here is that TextBox has no mask to start (focus off of textbox). When you put the cursor in the textbox or the textbox gets focus then the mask shows up: __/__/____. As you type the underscore placeholders dissapear but the '/' chars stay in place.
And finally, this is key, when you have a correct date and take the focus away from the text box the dashes stay in place. I just realized that is because the date mask seems to fill in the blank spaces with the current date. I cannot get this behavior with a phone. Granted there is no phone mask type. Here is the phone code:
<AjaxControlToolkit:MaskedEditExtender
ID="mskTbPhone"
runat="server"
TargetControlID="tbPhone"
Mask="999-999-9999"
ClearMaskOnLostFocus="true"
MessageValidatorTip="true"
OnFocusCssClass="MaskedEditFocus"
OnInvalidCssClass="MaskedEditError"
MaskType="None"
ErrorTooltipEnabled="True" />
I have tried MaskType set to number but it doesn't change the behavior. Right now the dashes dissapear when I take the focus off of the phone textbox. One thing I noticed with date is that if it is incomplete when it loses focus it fills in the rest with the current date values. Since there is no Phone mask type that behavior is not built in. Does anyone know how to set a default behavior so if you type in 55 in would automatically finish? 555-55-5555 And when you take the focus off it would keep the dashes. But if the textbox is empty I want with no focus the mask should dissapear completely.
View 3 Replies
Sep 26, 2013
I am using the AJAX Toolkit MaskedEditExtender to format some of my web form's textboxes. When I load the page and start to enter data into the textboxes, the masking doesn't show. I've included my page code below:
<asp:TextBox ID="GrantExpendituresAmount" runat="server" Text='<%# Bind("GrantExpendituresAmount") %>'
Width="450px"></asp:TextBox>
<ajax:MaskedEditExtender ID="GrantExpendituresAmount_MaskedEditExtender"
runat="server" CultureAMPMPlaceholder="" CultureCurrencySymbolPlaceholder=""
CultureDateFormat="" CultureDatePlaceholder="" CultureDecimalPlaceholder=""
CultureThousandsPlaceholder="" CultureTimePlaceholder="" Enabled="True"
Mask="$999,999,999.00" TargetControlID="GrantExpendituresAmount">
</ajax:MaskedEditExtender>
View 1 Replies
Feb 27, 2010
using java script with update panel. I have checkbox, textbox with MaskedEditExtender inside update panel in web content form. I want to change the mask for MaskedEditExtender when I check the checkbox without doing pastback for the update panel using java script
[Code]....
View 2 Replies
Feb 21, 2011
I want a TextBox with a mask like (xxx) xxx-xxxx using a MaskedEditExtender. I tried to set up the mask property to "(999) 999-9999" or "(999) 999-9999" but nothing works. It there a way I can have the mask I want?
View 2 Replies
Apr 26, 2010
I have confronted a problem of using MaskedEditExtender when try to restrict user to input a number mask with mask. User input of course has no problem. The problem is when the system get the value from database or somewhere (doing assignation), the textbox show the wrong value with the following mask setting: I am writing to contribute and share my solution: example:
textbox1: 1.1 (user input) by using the following mask:
<asp:MaskedEditExtender ID="meeXML" runat="server"
TargetControlID="textbox1"
Mask="999.99"
MessageValidatorTip="true"
OnFocusCssClass="MaskedEditFocus"
OnInvalidCssClass="MaskedEditError"
MaskType="Number"
InputDirection="RightToLeft"
AcceptNegative="Left"
ClearMaskOnLostFocus="True"
ErrorTooltipEnabled="True"/>
When the system get back the data, textbox1 will show:
textbox1: 0.11 <- that is not the actual what I want:
==========================================
the solution:
==========================================
<asp:MaskedEditExtender ID="meeXML" runat="server"
TargetControlID="textbox1"
Mask="NNNNNNNNNNNN"
MessageValidatorTip="true"
OnFocusCssClass="MaskedEditFocus"
OnInvalidCssClass="MaskedEditError"
MaskType="Number"
InputDirection="RightToLeft"
AcceptNegative="Left"
ClearMaskOnLostFocus="True"
Filtered="."
ErrorTooltipEnabled="True"/>
View 1 Replies
Jan 18, 2010
How do I reach the mask property from the MaskedEditExtender control in the client side javascript?
[Code]....
View 4 Replies
Jun 7, 2010
I'm having a issue with a MaskedEditExtender, I am using it for a datetime field with the sqltable field definition as smalldatetime, I have several error messages such as emptyvalue error message, minimium value error message along with a few others.
Everything works fine until i put a maximium value, on selecting either insert or edit it throws the error even if the date entered is between the minimium value and the maximium value and will not go away. As you are aware smalldatetime has a max value of 06/06/2079 which won't be a issue in my lifetime but for validation purposes I want to make sure the user doesn't accidentally enter a value larger than the max value thus causing an error on insert or edit.
View 6 Replies
Feb 1, 2010
I have a problem with MaskedEdit's mask for the code shown below:
[Code]....
When I'm starting to print date in the TextBox, mask moves with characters. Mask characters don't hide under typing characters.
View 7 Replies
Mar 3, 2011
I have put one mask edit extender for a textbox which is inside a Gridview templete field and the MaskType="Number
Mask="99,99,999.99"My problem is described below Commas are not dispalying inside the GRidView.After clicking in the textbox its coming and immediately vanishing.
e.g. after typing it should come like this 34,56,789.00 but its coming like 3456789.00
View 2 Replies
Feb 16, 2010
I have a textbox with a calendar extender.
When a date on the calendar is clicked the textbox is filled with the date value in format: dd-mm-yyyy That works...but now I added a MaskedEditExtender on that same textbox field. Now when a date in the calendar extender is clicked the focus is set on the textbox field, the mask shows, but the values are not filled in!
I also checked this post:[URL]but that didn.
Here's my code
[code]....
View 8 Replies
Apr 13, 2014
I used below code for textbox
<cc1:MaskedEditExtender ID="MEE1" runat ="server"
TargetControlID="Txtprice"
Mask="999,999,999,999"
MessageValidatorTip="true"
MaskType="Number"
InputDirection="RightToLeft"
AcceptNegative="Left"
DisplayMoney="None"
ErrorTooltipEnabled="True" />
Here if I enter wrong digit and want clean wrong digit it doesn't clean I mean I should select all digit and type again
i.e:
I want enter this number==500,256,325
if I enter 500,44 and want delete 44 and type correct digit(256) it doesn't clean it I press backspace but it doesn't clean it...
View 1 Replies
Dec 30, 2010
Ajax calendar control not working properly with content place holder of Master Page.Most of time Calender Control hides when mouseover with out changing date in content place holder of Master Page.same code works in normal aspx pages.
View 2 Replies
Apr 22, 2010
I developed my application form in aspx page its such a huge form(6000 lines), I used update progress there for that updatepanel, But i cant able to see the update progress icon when i rendering the page.
[code]....
View 1 Replies
Nov 10, 2010
i try to use ajax tab container control in my project, but it throws error. its not working properly
View 3 Replies
Jun 4, 2010
I am having a problem with partial postback through update panel, Update panel is not working properly in my asp.net app with IE8. But app works fine if i switch to compatibility mode of IE8.
View 5 Replies
Jun 26, 2010
<ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server"
TargetControlID="PnlContainer" DragHandleID="PnlHeader">
</ajaxToolkit:DragPanelExtender>
<div id="div_disc" runat="server" >
<asp:Panel ID="PnlContainer" runat="server" BackColor="BurlyWood" Height="185px" Width="589px">
<asp:Panel ID="PnlHeader" runat="server" BackColor="Beige" Width="571px" style="text-align: center" Font-Bold="True" Height="24px">Drag me</asp:Panel>
<asp:Panel ID="PnlDetail" runat="server" Width="586px">
matter
</asp:Panel>
</asp:Panel>
</div>
it goes back to the orignial position on dragging if i use the style property , it does move but not as desired even with the click it movesdown nt able to deag and place as where needed.
View 8 Replies
Jan 20, 2011
the problem is that the calendar does not pop up when using the computer of my customer, but I have no problems with my computer (I tested it with firefox, IE 7 and IE 8).
I also tested the calendar from other 2 pc and worked fine, so what could be the problem?
Here is my code:
<asp:Image ID="calendarImg" runat="server" ImageUrl="stile/date_picker1.gif" />
<asp:CalendarExtender ID="cal1" TargetControlID="tb1" runat="server"
Format="dd/MM/yyyy" PopupButtonID="calendarImg">
</asp:CalendarExtender>
<asp:TextBox ID="tb1" runat="server"></asp:TextBox>
View 2 Replies
Apr 6, 2010
I am experiencing problems with the Ajax Update Progress control.
My application is about writing some comments and uploading a picture and when the picture is the process of being uploaded I would like to show an update progress. This is my code:
[Code]....
- when the button is clicked I see the update progress message for a couple of seconds but the picture and the text are not uploaded- I need to click the button again in order to see my picture and text uploaded but in this instance I don't see the update progress message.
View 1 Replies
Jun 4, 2010
I have one button on my page. On click of this I need to run four methods parallely in four saperate thead and need to show the progress bar for each method. Also need to update the label controls form those threaded methods.
Also I need to user Update panel of AJAX control tool kit to avoid post back to user.
I have used the read pool for that. When I remove the update panel the code works fine and update four labels but when I put the update panel it is not updating the labels.
View 2 Replies
Jun 24, 2010
have used drag panel externder in my asp.net web application
but ia m not able to achive the needed output
i am nt able to drag it as per desired
if i just click on it it moves down
[code]....
View 1 Replies
Mar 31, 2010
I'm facing an issue with chrome. I have multiview in which user control is loaded. This user control has one maskedEditExtender textbox (telephone textbox in ___-___-____ format). Issue is whenever the control is loaded i cannot see the masked feild but as soon i refresh the page I see it. I tried the script above but it didnt worked.
View 1 Replies
Mar 26, 2016
Have some updatepanel that i have Datepicker inside it. Datepicker don't work after postback.
View 1 Replies
May 13, 2010
I have created a custom user control and place Ajax editor and override the class of ajax editor to disable few buttons in editor ,
i am getting the following error
unknown server tag on the design time, and iat runtime it is working properly,
View 2 Replies
Dec 5, 2010
I have read through a lot of post but cannot find the answer I'm looking for. I'm using expression web 4 and asp.net 4.0 gridview to show database search results. The search works fine but the phone number mask from the database is not coming over in the results. I have tried some examples with the database, if I remove the mask on the column in the table and manually type in the phone number (###) ###-####, it works in the results.
If I keep the mask in the database, the results are just ########## in a row. I have also tried to use the datastring under edit colums with
{0:(###) ###-####} in the box with no luck. I have the HTML encode to False and the HTML format string set to true. I still get just the straight line of numbers for the results.
The database is a Access 2007 template and I'm actually using Access 2010.
View 6 Replies
