Form submit without going to the target page

Question

I have question regarding form submit. I have this simple form on processFabrication.php to submit all the variables then process it to the database in another page called processExceededQty.php

Co, in processFabrication.php, I have

 echo "<form action='processExceededQty.php' method='post'>";

When I click submit it goes to the processExceededQty.php.

What I am aiming to do is,

When user click submit, display confirmation yes/no with popup
After user click yes with the confirmation window, stay in processFabrication.php but methods in processExceededQty.php is still executed.
When user click no on the popup, go back and don't do form action

Any help would be greatly appreciated.

learn about ajax. also see http://stackoverflow.com/questions/16808440/form-submission-using-jquery-ajax — Satish Sharma, May 24 '14 at 04:48
Can you use jQuery? jQuery makes it easy with .preventDefault() and $.post ajax — Andrew, May 24 '14 at 04:49

AssemblyX · Accepted Answer · 2014-05-24T05:15:17.047

3

Something like this in your javascript:

function doSubmit(){

if (confirm('Are you sure you want to submit?')) {
    // yes
    return true;
} else {
    // Do nothing!
    return false
}
}

add the onsubmit to your form in html:

<form action='processExceededQty.php' method='post' onsubmit='doSumit()'>

edited May 24 '14 at 05:15

answered May 24 '14 at 04:53

AssemblyX

1,841
1
13
15

it works like charm but how do I stay withour redirecting to the process page ? – Chriskonz May 24 '14 at 05:00
@Chriskonz..You can submit the form to the form page itself without passing values to another page. Otherwise you can pass values to another page and after it, redirecting back to the form page – Jenz May 24 '14 at 05:01
if you want to sumbit values and not leave the page you need xmlhttp request, this example will allow the submit to pass by return true and stop it by return false – AssemblyX May 24 '14 at 05:04
you have to use AJAX to submit data without returning on action page. – shyammakwana.me May 24 '14 at 05:06
http://www.w3schools.com/xml/xml_http.asp will explain how to submit without leaving the page – AssemblyX May 24 '14 at 05:07

shyammakwana.me · Answer 2 · 2014-05-24T05:23:50.577

Addition to @N0M3 answer. Include below script in your <head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

and slight change in your function

function doSubmit(){

if (confirm('Are you sure you want to submit?')) {
    // yes
     $(this).submit(function(e){
        e.preventDefault();
     });

    jQuery.ajax({
        url : 'processExceededQty.php',
        data : {'username':username}, // where first 'username' is your field name, and second one is your field's value
        method: 'post',
        success: function(data) {
             // data is variable which has return data from `processExceededQty.php` 
             // do whatever you want with data
        }
    });    


} else {
    // Do nothing!
    return false;
}
}

@N0M3 thx for pointing that, updated my answer. Here `return false` won't work — shyammakwana.me, May 24 '14 at 05:24

score 0 · Answer 3 · answered May 24 '14 at 04:51

Use function on the "onsubmit" of the form like below,

<form action='processExceededQty.php' method='post' onsubmit='reutrn show_pop_up()'>

And on script you ca write following

<script>
   function show_pop_up()
   {
      // show pop up
      if(op_up_return =="Yes")
          return true;
      else
          return false;
   }
</script>

Hope this will help.

Form submit without going to the target page

3 Answers3