2011-07-13 18 views
7

Estoy tratando de enviar todos los datos del formulario a un script a través de AJAX vinculando una función de hacer clic al botón Enviar, configurándolo para que devuelva falso, por lo que aún no envía el formulario. Una vez que AJAX haya terminado con éxito, me gustaría enviar el formulario haciendo: $("#myform").submit(); Pero no ocurre nada.Jquery envíe un formulario a través de .submit() sobre el éxito de AJAX ... ¿cómo?

Todo funciona a excepción de $("#customOrderForm").submit();

Se trata de un pago de Paypal. Los datos de formulario se almacenan en una sesión, los usuarios realizan el pago, regresan al sitio web una vez que realizaron el pago con éxito, los datos de formularios se envían a los clientes y a la empresa por correo electrónico.

$("#submit").click(function() { 

    var thedata = $("#customOrderForm").serialize(); 

    $.ajax({ 
     type: 'POST', 
     url: 'buy-custom-session.php', 
     cache: false, 
     data: thedata, 
     beforeSend: function() { 
      $('#sessionholder').append('<div class="loading"><img src="loading.gif" alt="loading..." /></div>'); 
     }, 
     success: function (data) { 
      //$(".loading").detach(); 
      //$(".error").detach(); 
      //$('#sessionholder').append(data); 
      $("#customOrderForm").submit(); 
     }, 
     error: function() { 
      $('#sessionholder').append('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>'); 
     } 
    }); 

    return false; 

}); 

HTML FORM

<form id="customOrderForm" action="https://www.paypal.com/cgi-bin/webscr" method="post"> 

<!-- form fields etc --> 

<input type="image" name="submit" id="submit" src="https://www.paypalobjects.com/en_AU/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" /> 

</form> 

ningún error en Firebug.

El éxito de AJAX se ejecuta.

Saludos

+0

podemos ver la forma html? –

+0

cualquier error en Firebug? –

+0

¿se ejecuta la devolución de llamada de éxito de llamada ajax? o da error? –

Respuesta

6

cambiar el nombre y la identificación de la imagen de entrada.

De los jQuery-docs: formas y sus elementos secundarios no deben usar nombres de entrada o identificadores que entran en conflicto con las propiedades de una forma, como le presente, la longitud, o método. Los conflictos de nombre pueden causar fallas confusas.

Ejemplo: http://jsfiddle.net/doktormolle/XNMEF/

+0

gracias Señor También resolvió mi problema. –

Cuestiones relacionadas