Form submit to run javascript and then post to php script

Question

I am currently working on a php/html/javascript project. I have a form where when the user presses the submit button, it should run a javascript function and then afterwards

Answer 1

Set yout 'action' parameter to your PHP script, and do any javascript procesing in a javascript event.

<form class="form" id="addImageForm" name="addImageForm" action="processing.php" method="post" onsubmit="return validateAddImage();">

Then in your js validation, return 'true' if everything's fine, or 'false' if not. Returning 'true' means 'continue with the submit process and send over data to processing.php

Answer 2

Change the action attribute to the address of the php script you're posting to. Call the javascript function in an onsubmit attribute instead of action. But you'll have to prefix it with a return statement.

<form class="form" method="post" action="your/script.php" id="addImageForm" name="addImageForm" onsubmit=return javascript:validateAddImage()>

That way if validateAddImage() returns false, the form won't be submitted. But if it returns true it will.

Answer 3

Replace the action attribute with the name of your PHP page, and have the validateAddImage method as an onsubmit event.

Answer 4

What you need is onsubmit.

<form class="form" id="addImageForm" name="addImageForm" action="addImage.php" onsubmit="return validateAddImage();" method="post">