Detect Textbox Change Using JQuery

Question

Using VS2012 to create a web application in VB, I have the following issue:

I create a asp:CalendarExtender that populates a asp:TextBox. This Textbox has the property Enabled="False" assigned to it. Once the asp:CalendarExtender has been called it will place a date in the TextBox in the format 'Sept 1 2000'.

I now want to use JQuery to detect this change. I have come across many examples which rely on a text change using the keyboard or a Blur, but none of these work. I have even attached a JQuery event to the button that triggers the Calendar to pop-up that removes the 'Enabled=False' property of the asp:TextBox [My train of thought was to remove the enabled property, allow the JQuery to detect a pasted change, then disable the textbox again]

Any ideas or suggestions gratefully received.

timbck2 · Accepted Answer · 2013-09-19 21:40:20Z

1

Do you need Enabled="False" on the TextBox, or would ReadOnly="True" suffice? Because the CalendarExtender will not pop up when you click the TextBox if the TextBox isn't enabled.

You could do something like this:

<script type="text/javascript">
  function alertChanged() {
    alert("Text changed.");
  }
</script>

With:

<asp:TextBox ID="tbxCalTest" runat="server" ReadOnly="true"></asp:TextBox>
<ajaxToolkit:CalendarExtender ID="calendarTest" runat="server" TargetControlID="tbxCalTest"
  OnClientDateSelectionChanged="alertChanged"></ajaxToolkit:CalendarExtender>

answered Sep 19, 2013 at 21:40

timbck2

1,0763 gold badges15 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

normality2000 Over a year ago

Thank you timbck2. It appears that the parameter OnClientDateSelectionChanged was the key to this issue. It didn't matter if the asp:TextBox had the parameters Enabled="False" or ReadOnly="true" as I am using a button to call the CalendarExtender control, but a useful tip nonetheless.

Collectives™ on Stack Overflow

Detect Textbox Change Using JQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related