javascript for submit form without using submit button

Question

hi, I want javascript for submit form without using submit button when enter value in textbox automatically without pressing any submit button and any enter key i want to get output.

Vishal Gilbile · Answer

Saritha this is last what i can do, I've tested it worked for me. I'll explain you what I did was I took an updatepanel on my page and one TextBox and Label control inside it. I've fired onKeyUp event of javascript on my TextBox and also Server side Event TextChanged on the TextBox. and in javascript function which is called on onKeyUp event I'm checking whether the TextBox length is 10 or not if it is 10 then I'm firing the TextBox TextChanged event from within the javascript function which will set the Label Control Text to Hello World. I've also added the output images for you. Kindly check the following code snippet Markup file function getText(val) { var count = val.toString().length; if (count == 10) { __doPostBack(" ", ""); } } onKeyUp="getText(this.value)" OnTextChanged="TextBox1_TextChanged"> Code Behind using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default3 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void TextBox1_TextChanged(object sender, EventArgs e) { lblData.Text = "Hello World"; } } I'm also providing an original copy of the same with this reply

Saritha · Answer

Hi Vishal.. I don't want to refresh complete page...what can i do?

Saritha · Answer

Did u understand my requirement now? if u know the solution..please let me know..

Saritha · Answer

Hi...i don't want to refresh complete page..what can i do?

Saritha · Answer

Hi, This is not my requirement...if u understand my requirement go to this site http://schools9.com/apinter1g.htm and enter hall ticket number 1322122819,then immediately it will display the details without clicking on any button..

Satyapriya Nayak · Answer

I have removed update panel 'Timer1' requires a ScriptManager on the page. Untitled Page ForeColor="Red" Width="100px"> AutoPostBack ="true" ontextchanged="txt_empid_TextChanged" > ForeColor="Red" Width="100px"> using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.Data.SqlClient; namespace Textbox_gridview { public partial class WebForm1 : System.Web.UI.Page { string strConnString = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; string str; SqlCommand com; SqlDataAdapter sqlda; DataSet ds; protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { bindgrid(); } } public void bindgrid() { SqlConnection con = new SqlConnection(strConnString); con.Open(); str = "select * from employee"; com = new SqlCommand(str, con); sqlda = new SqlDataAdapter(com); ds = new DataSet(); sqlda.Fill(ds, "employee"); GridView1.DataMember = "employee"; GridView1.DataSource = ds; GridView1.DataBind(); con.Close(); } protected void txt_empid_TextChanged(object sender, EventArgs e) { SqlConnection con = new SqlConnection(strConnString); con.Open(); str = "select * from employee where empid like '" + txt_empid.Text + "%'"; com = new SqlCommand(str, con); sqlda = new SqlDataAdapter(com); ds = new DataSet(); sqlda.Fill(ds, "employee"); GridView1.DataMember = "employee"; GridView1.DataSource = ds; GridView1.DataBind(); con.Close(); } protected void Timer1_Tick(object sender, EventArgs e) { Label3.Text = DateTime.Now.ToString(); } } }

Saritha · Answer

Ok...Thank You...

Vishal Gilbile · Answer

Saritha kindly mark the ans as accepted which has helped you. and also for your scriptmanager and update panel query it used when we want asynchoronous communication between the server and the client. i.e. I dont want a full post back for updating a region on my page. Like in the example which i provided you, the label controls text property is set with out any postback. i.e only a specific region of the page is begin got refreshed.

Saritha · Answer

Thank you so much...It is working properly...if u don't mind..i have a question...here,u r using script manager,update panel....is it possible to do without using all these things...

Satyapriya Nayak · Answer

Untitled Page ForeColor="Red" Width="100px"> AutoPostBack ="true" ontextchanged="txt_empid_TextChanged" > ForeColor="Red" Width="100px"> using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.Data.SqlClient; namespace Textbox_gridview { public partial class _Default : System.Web.UI.Page { string strConnString = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; string str; SqlCommand com; SqlDataAdapter sqlda; DataSet ds; protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { bindgrid(); } } public void bindgrid() { SqlConnection con = new SqlConnection(strConnString); con.Open(); str = "select * from employee"; com = new SqlCommand(str, con); sqlda = new SqlDataAdapter(com); ds = new DataSet(); sqlda.Fill(ds, "employee"); GridView1.DataMember = "employee"; GridView1.DataSource = ds; GridView1.DataBind(); con.Close(); } protected void txt_empid_TextChanged(object sender, EventArgs e) { SqlConnection con = new SqlConnection(strConnString); con.Open(); str = "select * from employee where empid like '" + txt_empid.Text + "%'"; com = new SqlCommand(str, con); sqlda = new SqlDataAdapter(com); ds = new DataSet(); sqlda.Fill(ds, "employee"); GridView1.DataMember = "employee"; GridView1.DataSource = ds; GridView1.DataBind(); con.Close(); } protected void Timer1_Tick(object sender, EventArgs e) { Label3.Text = DateTime.Now.ToString(); } } }

Saritha · Answer

After oening that sie...give this hall ticket number 1322122819,immediately it will display the output..this is my requirement...if u understand this please provide me code...

Saritha · Answer

Before i had done using submit button only....but,now my requirement is without submit button i want to do..For example just observe this site http://schools9.com/apinter1g.htm

Vishal Gilbile · Answer

Actually that's the way it has to be because for every key pressed if you keep hitting your DB, it wont be any useful thing for you and it is not going to serve any purpose to you because until and unless the user types every letter within the hall ticket he is not going to get any records. And also if the key is to large let say 10 letters then for every key pressed my dB would hitted 10 times to fetch one record which is not a good solution. The Better approach to solve this problem would be like the following 1. you are providing a dropdownlist to the user and allowing him to select the hall ticket or But if the hall ticket is a security issue then the following would be the better approach 2. providing him with a textbox and one submit button on whose click you will hit the DB and fetch the respective records. Hope it helps you.

Saritha · Answer

Yes...i already tried that one....but the problem is once i entered hallticket number,then i will press enter key then only it will display...but,here i don't want to press any keys...

Vishal Gilbile · Answer

Are Saritha, you don't need any javascript code for that all what you need to do is set the AutoPostBack property of the Textbox to true and fire the TextChanged event of the TextBox and write your DB accessing code in the TextChanged Event.

Saritha · Answer

Yes....Exactly...Now tell me javascript for that...

Vishal Gilbile · Answer

Okz now i got, all you need to do is fire the textbox textChanged event

Saritha · Answer

Hi, u understand my question now...

Saritha · Answer

Did u understand my question completely? Here is my question... Suppose,if i will enter 10 digit hall ticket number in text box,after entering hall ticket number i will get complete details of student without pressing submit button or any other keys..

Vishal Gilbile · Answer

You can simply call that function by using the following code snippet in your cs file within your function where you are filling the textboxes automatically If your are using ScriptManager on your page the way of calling would be like the following. ScriptManager.RegisterStartupScript(this,this.GetType(),"insert"," Submit()",true); else if there is no script Manager present on the page then you can call like the following ClientScript.RegisterStartupScript(this.GetType(),"insert","Submit()",true); Hope it solves your proble,.

Saritha · Answer

Hi, Where i want to write code in cs file.

Jaffreena Michaelthomas · Answer

form1 is id of form tag function Submit() { document.getElementById(" form1 ").submit(); }

javascript for submit form without using submit button

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (22)