when form submit ,the order of click function and submit

Question

about click and submit example below:

<form action="url" method="post">
<input type="text" id="input1"/>
<input type="submit" value="submit" onclick="testFun()"/>
</form>

if it is possible that function testFun run after the form's submit when we click the button to submit

if the answser is no. why? how does the browser work when click the submit button?? the order is click function-> submit ? is right??

Answer 1

No you cannot execute a function after the form has been submitted - the order of which things are executed is as follows :

• User clicks the submit button
• The onclick function is executed
• The browser submits the page to the url specified in the action of the form

You can prevent the browser submitting the page by returning false from the onclick handler :

function myfunc() {
  // do some stuff
  return false;
}

the submit button should then be modified like this :

<input type="submit" onclick="return myfunc()"/>

If you do wish to execute a function after the form has been submitted you need to submit the form using AJAX - this doesnt cause the browser to navigate away from the page and a JavaScript function can be executed after the form has been submitted

Answer 2

This is not possible because the form's action would redirect the browser to that URL.

1 option would be to run testFun() on your action url page, but this might not be possible depending on what the function does.

If you are to post more information about what you are actually trying to do here, then it might help.