Jquery przesłać formularz za pośrednictwem .submit() na sukces AJAX ... w jaki sposób?

Question

Próbuję wysłać wszystkie dane formularza do skryptu za pośrednictwem AJAX, wiążąc funkcję kliknięcia z przyciskiem przesyłania, ustawiając go, aby zwracać wartość false, aby nie przesłać formularza jeszcze. Gdy AJAX zakończy się sukcesem, chcę przesłać formularz: $("#myform").submit(); Ale nic się nie dzieje.

Wszystko działa z wyjątkiem $("#customOrderForm").submit();

To jest dla Paypal zapłaty. Dane formularzy są zapisywane w sesji, użytkownicy dokonują płatności, wracają do witryny po pomyślnym dokonaniu płatności, dane formularzy są wysyłane do klientów i firmy za pośrednictwem poczty elektronicznej.

$("#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; 

}); 

formularza HTML

<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> 

żadne błędy w Firebug.

Sukces AJAX.

Pozdrowienia

Answer 1

Zmień nazwę i identyfikator wprowadzanego obrazu.

Z jQuery docs: formularzy i ich elementów podrzędnych nie należy używać nazw wejściowych lub identyfikatory, które są sprzeczne z właściwości postaci, takich jak złożą, długości lub metody. Konflikty nazw mogą powodować mylące błędy.

Przykład: http://jsfiddle.net/doktormolle/XNMEF/