Announcement

**JerryBrightbill** · 01-20-2006, 09:32 AM

submit a form and redirect

Steve

Submitting a form using JavaScript is actually quite easy. For example, if you have a form named 'form1' and a button to submit, this code will work

HTML Code:

<form id="form1" name="form1" method="post" action="">
  <input type="button" name="Submit" value="Submit" onclick="javascript: form1.submit();"/>
</form>

You might also want to submit on change, such as making a selection in a dropdown and submitting to refresh the page based on the value selected.

HTML Code:

<form id="form1" name="form1" method="post" action="">
   <select name="dropdown" onchange="javascript: form1.submit();">
    <option></option>
    <option>option1</option>
  </select>
</form>

The problem isn't the JavaScript, but the process you are trying to achieve. When you submit a page, the page must reload to process and save the submitted data. In your earlier post, you indicated you wanted the page to submit when you pressed a button to go to a different page. While unload does fire when you call another page, the only way to process the data is first reload the current page. There are a few ways to do this, but ultimately you have to first reload the current page and then redirect to the second page after the existing page completes processing. To the end user, it will appear that they have just moved to a new page, but the server will have processed the code on the existing page and then loaded and returned the next page.

This is actually easy to do in a component if all you need is to go to the next page. Just change the submit button name to 'Next Page', and change the 'Target page' in the component update settings to the next page you want to appear. When the user clicks the button, the page submits, saves the edits, and then redirects to the next page. No JavaScript is even needed.

**ismac** · 07-31-2006, 07:49 AM

Re: submitting a form - redux

Hi Steve

You may have sorted this now but I stumbled on a piece of js code that works for me:
document.forms[3].elements["pro_further_use_Button_Submit"].click()

My grid is in the 4th fom on the a5w page and the name Alpha has given the submit button for it (which I discovered from viewing the source code for the page) is "pro_further_use_Button_Submit".

I tried the code you were using with exactly the same results, the page refreshed but nothing happened with the data. The above code makes validation etc etc take place.

Cheers, Ian

**Bill Parker** · 08-04-2008, 12:34 AM

Re: submitting a form - redux

I think my issue is along the same line as this thread.

I will have A5w pages with up to two component dialogs, so the form code will look like this

Code:

<form name="Part_brws1" style="margin: 0px;"  method="post" action="/DBbrowse.a5w?">
...
<form name="Actv_brws" style="margin: 0px;"  method="post" action="/DBbrowse.a5w?">

Users sometimes (often) forget to press the submit button and instead just press the html button that takes them beck to the appropriate menu. Of course they lose the changes they wanted to make.

There are a number of a5w pages but only a few target pages for the html buttons.

So it would be great if a generic button could
1. determine the form names on the page and
2. submit them, then
3. redirect to the intended page.

This is brute force since it would submit even if the component button had been used to submit.

Bill.

Announcement

The Alpha Software Forum Participation Guidelines

submitting a form - redux

submitting a form - redux

Comment

Comment

Comment