Question

I have a payment button on a page that submits info to a payment processor and on the same page there is a form with some custom fields that updates a contact info when u submit it.

Im using a jquery script that submits the payment button and at the same time POSTS the values of the form to the updatecontact php script.

But its not working, its not posting the values to the updatecontact php script.

Please take a look at the code below to see if u can discover what am i doing wrong.

http://jsfiddle.net/QunPb/1/

The URL where the code is: http://ofertasclaras.com/envio.php

Answer 1

You’re trying to create a form that has multiple submit actions.

cURL won’t work because then your server is posting to dineromail, not the visitor’s browser (Unless you actually want your server to make the purchase?) 😉

Instead, use jQuery to add an ajax request to the form submit. By making the ajax request not asynchronous, it will complete that request before it submits to the form’s main action (dineromail) using “return true”.

$(document).ready(function() {
  $('#dinero-form').submit(function() {
    $.ajax({  type: "POST", async: false, url: 'http://ofertasclaras.com/actualizar.php',
              data: { email: $('#email').val(),nombrecompleto: $('#nombrecompleto').val(),  direccion: $('#direccion').val(), ciudad: $('#ciudad').val(), provincia: $('#provincia').val(), codigopostal: $('#codigopostal').val(), casaodepto: $('#casaodepto').val(), gelypilas: $('#gelypilas').val() }
    });
    return true;
  });
});