Passing Textbox value to javascript function when user hits Submit Button in asp.net : The Official Microsoft ASP.NET Forums

Reply

Passing Textbox value to javascript function when user hits Submit Button in asp.net

Mar 02, 2012 09:48 AM|LINK

Hi people,

I would like to pass the value of the textbox entered by the user to the javascript funtion when the user clicks the SUBMIT button.

I used this following code:

<script type="text/javascript">

    function checkit(test2) {
  <!--something-->

    }


</script>

<asp:TextBox ID="rowID" runat="server" ontextchanged="rowID_TextChanged">  </asp:TextBox>
 <asp:Button ID="SearchBtn" runat="server" Text="Search" onclick="checkit(this.form.rowID.value)" />


It just dint work. 
I got this error:  CS1012: Too many characters in character literal


Please can someone help me out ?
Thank you

Reply

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

Mar 02, 2012 10:05 AM|LINK

hi, post you full code

hi, try below code

<script>
		function checkit() {
			var value = document.getElementById('<%=rowID.ClientID %>').value;
			alert(value);
		} 
	</script>

	<asp:TextBox ID="rowID" runat="server"></asp:TextBox>
	<asp:Button ID="SearchBtn" runat="server" Text="Search" OnClientClick="checkit()" />

to call javascript function in button , you should use OnClientClick,

so refer below code

<script>
	  function checkit(test2) { 
	  alert(test2);
  <!--something--> 
 
    } 
	</script>

	<asp:TextBox ID="rowID" runat="server"></asp:TextBox>
	<asp:Button ID="SearchBtn" runat="server" Text="Search" OnClientClick="checkit(this.form.rowID.value)" />

Thanks,
Karthick S

Edited by karthicks on Mar 02, 2012 10:13 AM
Edited by karthicks on Mar 02, 2012 12:43 PM

Reply

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

Mar 02, 2012 10:10 AM|LINK

its not working.. the values were not passed to the javascript. function :(

Reply

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

Mar 02, 2012 10:16 AM|LINK

Check the code

<script type="text/javascript">

    function checkit() {
  <!--something-->
alert(document.getElementByID(<%=rowID.ClientID %>).value);
    }


</script>

<asp:TextBox ID="rowID" runat="server" ontextchanged="rowID_TextChanged">  </asp:TextBox>
 <asp:Button ID="SearchBtn" runat="server" Text="Search" OnClientClick="javascript:checkit(this)" />

Thanks
V.K.Singh

Edited by vinay13mar on Mar 02, 2012 10:16 AM

Reply

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

Mar 02, 2012 10:24 AM|LINK

hi..try this..

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="datetime.aspx.cs" Inherits="datetime" %>

<html>
<head>

    <script>
function CheckPromotionalCode(obj) {
  var jva= document.getElementById(obj).value;
        alert(jva);
        }</script>

</head>
<body>
    <form id="Form1" runat="server">
        Name:
        <asp:TextBox ID="txtName" runat="server" />
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClientClick="CheckPromotionalCode('txtName');">
        </asp:Button><br />
    </form>
</body>
</html>

A.Venkatesan
Microsoft Certified Professional
Please mark the replies as answers if they help or unmark if not.
If you have any feedback about my replies, please contact venkatmca008@gmail.com

Reply

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

Mar 02, 2012 12:41 PM|LINK

i am sorry.. none of them are working :(

Reply

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

Mar 02, 2012 01:20 PM|LINK

hi..try thiscode..

<div>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

</div>
<div>
      <asp:Button ID="Button2" runat="server" Text="Button"   OnClientClick ="txt();"/>
  
  </div>

<script  type ="text/javascript" >
    function txt() {

        var t = document.getElementById("TextBox2");
        alert(t.value);
    }
</script>

If the post is useful don't forget to MARK as Answer
My .NET blog
Submit Article

Edited by vijay_myl on Mar 02, 2012 01:21 PM
Marked as answer by Allen Li - MSFT on Mar 08, 2012 12:53 AM

Reply

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

Mar 05, 2012 01:47 AM|LINK

Hi, the “onclick” attribute of Button is a server attribute and it will trigger C# codes (or VB codes) rather than JavaScript codes. If you want to get the Textbox value via Javascript, please try “onClientClick” attribute, for example:

<asp:Button ID="SearchBtn" runat="server" Text="Search" onClientClick="checkit(this.form.rowID.value)" />

Please mark the replies as answers if they help or unmark if not.
If you have any feedback about my replies, please contact msdnmg@microsoft.com
Microsoft One Code Framework

Marked as answer by Allen Li - MSFT on Mar 08, 2012 12:53 AM

Passing Textbox value to javascript function when user hits Submit Button in asp.net RSS

7 replies

scriptkid

Passing Textbox value to javascript function when user hits Submit Button in asp.net

karthicks

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

scriptkid

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

vinay13mar

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

venkatmca008

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

scriptkid

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

vijay_myl

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

Allen Li - M...

Re: Passing Textbox value to javascript function when user hits Submit Button in asp.net

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft