How to pass two textbox values to a javascript function on a button click event.I have tried it like this but it is not working.here is my code

<asp:LinkButton ID="lnkBTNSubmit" runat="server" CssClass="buttonlink"
  OnClientClick="checkDateRange(GetTextBoxValue('<%= txtATrendStartDate.ClientID %>'.value),GetTextBoxValue('<%= txtATrendEndDate.ClientID %>'.value))">Submit</asp:LinkButton>

and

function checkDateRange(start, end)
{
}

Any Suggestion?

How to pass two textbox values to a javascript function on a button click event.I have tried it like this but it is not working.here is my code

<asp:LinkButton ID="lnkBTNSubmit" runat="server" CssClass="buttonlink"
  OnClientClick="checkDateRange(GetTextBoxValue('<%= txtATrendStartDate.ClientID %>'.value),GetTextBoxValue('<%= txtATrendEndDate.ClientID %>'.value))">Submit</asp:LinkButton>

and

function checkDateRange(start, end)
{
}

Any Suggestion?

• javascript
• asp

Share Improve this question Follow edited Mar 27, 2012 at 13:01 Colin Brock 21.6k99 gold badges4949 silver badges6262 bronze badges asked Mar 27, 2012 at 12:59 bala3569bala3569 11k2828 gold badges107107 silver badges148148 bronze badges 0

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

Something like this would do the trick

<asp:LinkButton ID="lnkBTNSubmit" runat="server" CssClass="buttonlink"
  OnClientClick="return onBtnSubmitClick()">Submit</asp:LinkButton>

function onBtnSubmitClick(){
   var start = document.getElementById('<%= txtATrendStartDate.ClientID %>').value;
   var end = document.getElementById('<%= txtATrendEndDate.ClientID %>').value;
   return checkDateRange(start, end);
}

do it in your inline/header javascript like this:

var element = document.getElementById('<%= txtATrendEndDate.ClientID %>');

element.value

and if you set ClientIDMode="Static" you can do:

var value= document.getElementById('txtATrendEndDate').value;

I think you're missing document.getElementById.

So something like:

document.getElementById('<%=txtATrendStartDate.ClientID%>').value