Getting textbox value in javascript code after onchange

Question

On my page, I'm using textbox with calendar extender to get the date value. I've added onchange="ValidateStartDate();" to the textbox.

 <asp:TextBox ID="TextBoxStartDate" runat="server"  ForeColor="Red"    
     onchange="ValidateRsmStartDate();"> 
     </asp:TextBox>               

<asp:CalendarExtender ID="CalendarExtenderStartDate" 
  TargetControlID="TextBoxStartDate"
  BehaviorID="ceStartDate"  
  PopupButtonID="CalendarExtenderStartDatePopup"                                                                     
  Format="MM/dd/yyyy" runat="server">
  </asp:CalendarExtender>

<img class="Spacer" id="CalendarExtenderStartDatePopup" src="Images/Calendar.png"                                                                                
   alt="Start Date" />

My javascript function:

function ValidateStartDate() {
   var txtDate = document.getElementById('<%=TextBoxStartDate.ClientID  %>');
   alert(txtDate.innerHTML);
}

But on alert(), I get no value at all.

Adil · Accepted Answer · 2012-12-07 12:01:56Z

3

Textbox does not have innerHTML, you need to use value

Change

alert(txtDate.innerHTML);

To

alert(txtDate.value);

answered Dec 7, 2012 at 12:01

Adil

148k25 gold badges217 silver badges207 bronze badges

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

1 Comment

Adil Over a year ago

You are welcome, No worries some times we forget simple things.

Azhar Mansuri · Accepted Answer · 2012-12-07 12:04:02Z

1

You can easily integrate it from jquery. Just write below line in your function.

alert($("#<%=TextBoxStartDate.ClientID  %>").val());

Or

Replace your code from alert(txtDate.innerHTML); to alert(txtDate.value);

answered Dec 7, 2012 at 12:04

Azhar Mansuri

7051 gold badge7 silver badges22 bronze badges

Comments

Kapil Khandelwal · Accepted Answer · 2012-12-07 12:05:43Z

0

Using jQuery:

$(function(){
    $('<%=TextBoxStartDate.ClientID%>').on("change", function(){
     alert($(this).val());
    });
});

answered Dec 7, 2012 at 12:05

Kapil Khandelwal

16.2k3 gold badges49 silver badges55 bronze badges

Collectives™ on Stack Overflow

Getting textbox value in javascript code after onchange

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related