PHP onSubmit action on an

Question

So basically my question is very simple, I have two buttons, I for page forward, one for page backwards, If one of those is pushed, a javascript function is called inside an onClick Event. Javascript then gets the variables of the page and then redirects to the next page, the only problem is, that I need to pass those variables to PHP in order to put them into the Database. So for that I make a load of cookies to pass the variables.

However, I was wondering if something like this would work :

<form>
<a onClick="nexpage();" onSubmit="phpScript.php"> <img src = "previous button.jpg"/> </a>
</form>

The idea behind this is that I want to store the variables in a PHP script, which will put them in a display:none; <div> and then for javascript to get the variables out. This instead of using cookies.

So is it possible to run a PHP script to get the variables and when the script is finished to get them, Javascript kicks in to redirect to the next page...

The reason I don't test this at this moment, is that my code is 100% complete, I don't want any sudden changes that maybe won't work at all. Yes I know back-up this and that, but I thought just asking here, maybe someone will know the answer!

Sincerly, Harmen Brinkman

Why don't you just use `' and have the phpScript.php log the data and handle the redirection? — yourdeveloperfriend, Feb 28 '13 at 09:34
You can't *submit a link*. Also `onXxx` always contain JavaScript. Maybe you should take a look at AJAX. — Fabian Schmengler, Feb 28 '13 at 09:35
If it is a form submit it in your js functions, if not you may make an ajax request there (Would prefer this option) to the php script which handles this. — Hikaru-Shindo, Feb 28 '13 at 09:35
I share the same opinion as @fab. First submit the form and send it to a javascript function. Then you can send an AJAX post call to the PHP page that needs the form information. Inside the AJAX call, on SUCCESS, you can then forward to the next page with window.href = "myPhpPage.php". — Ace, Feb 28 '13 at 16:03

Dipesh Parmar · Accepted Answer · 2013-02-28T09:42:33.767

2

You can also use onClick = "this.form.submit(); return false;".

There is no any event like onSubmit for link, instead form do have onSubmit event.

Normal Way as OP asked.

<form action = "phpScript.php" method = "POST">

edited Feb 28 '13 at 09:42

answered Feb 28 '13 at 09:34

Dipesh Parmar

27,090
8
61
90

But I want to first fire a PHP script and afterwards a Javascript, How do I do that? – notknown7777 Feb 28 '13 at 09:38
@HarmenBrinkman you can do it by directly set php script path into form..see updated answer. – Dipesh Parmar Feb 28 '13 at 09:43

score 0 · Answer 2 · answered Feb 28 '13 at 09:42

0

you can use document.getElementById("my_form").submit();

answered Feb 28 '13 at 09:42

Deblina

11
1

@Debina – Good point. However, that only submits the form, without you being able to intercept the code, send it to another PHP page and then forward to yet another PHP page. UNLESS you 1) set the form's method to POST and 2) set the form's action to go to the first PHP page – which could then process everything and forward the user to the next page. Theoretically, that would work. Not so sure what kind of user experience that would be, though. – Ace Feb 28 '13 at 16:15

score 0 · Answer 3 · edited May 23 '17 at 12:21

@Dipesh Parmar – Good point. You could also do:

window.onload=function() {
  document.getElementById('my-form').onsubmit=function() {

    // do what you want with the form

    // AJAX POST CALL TO PHP PAGE

    // Should be triggered on form submit
    alert('hi');

    // You must return false to prevent the default form behavior
    return false;
  }
});

Inspiration by Capture a form submit in JavaScript

PHP onSubmit action on an

3 Answers3