How to Submit a Form Using JavaScript?

**Damien25** · 07-02-2010

I am new to the JavaScript. I somehow managed to make a form with the HTML and in that I have not used any advanced option. Its a simple form. But the thing that I am worrying about is how to Submit a Form Using JavaScript..?? Expecting some help from you guys. Please help me as soon as possible..!!

**Allan.d** · 07-02-2010

You can use the following very simple code for submitting a form using the JavaScript :

Code:

<script language ="JavaScript">

function SubmitForm()
{
document.form1.action = "page1.html";
document.form1.submit()
}

function ResetForm()
{
document.form1.reset()
}

</script>

HTML Code:

<form name="form1" action="">
<a href="javascript: SubmitForm()">Demo Test</a>
</form>

**Warner** · 07-02-2010

Form can be submitted by submit button. If you are looking to submit form with explicit function, JavaScript can help you in submitting form with submit function. This javascript submit function can call by any event of html tag. Submit function

Code:

document.formName.submit();

Hope that you have understood this simple funda of submit button.

**CodGuru** · 07-02-2010

I am providing you with the example which is little big, but you can understand it very properly. Here is the code :

HTML Code:

<html>
<head>
<title>JavaScript-Submitting Form</title>
<script>
function goSubmit()
{
  document.frm.submit();
}
</script>
</head>

<body>
<form name="frm">
 <a href="javascript:goSubmit()">Submit form </a>
 <br>
 <input type="button" name="button" value="Submit" onClick="goSubmit()">
</form>
</body>
</html>

**MELTRONICS** · 07-02-2010

The important thing you will keep in mind is that you will have to give an id attribute in the form tag. You can do this like the following :

Code:

<form id='myform' action='formtrial.pl'>

And the following is the code to submit a form when a hyperlink is clicked :

Code:

<form name="myform" action="handle-data.php">
Search: <input type='text' name='question' />
<a href="javascript: submitform()">Search</a>
</form>
<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>