单击“PayPal”按钮时提交辅助表单

时间:2014-07-25 19:04:20

标签: html button paypal html-form

使用PayPal按钮时,我一直无法尝试捕获表单数据。

我的设置是我有一个表格,上面有联系方式(姓名,地址等)和PayPal“立即购买”按钮,可以注册参加活动。我想要的是单击PayPal按钮,并将第一个表单POST到不同的.php地址。我已经尝试在提交两个表单的PayPal按钮上添加一个onclick属性,但最终只提交了PayPal表单。

我如何使用此示例代码?

<form id="myForm" action="externalsite.php" method="post">
    <input type="text" size="20" name="fullName" id="fullName_id" />
</form>

<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" target="_top" id="paypalForm">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="9CQULDDB593EC">
    <table>
        <tr><td><input type="hidden" name="on0" value="Registration">Registration</td></tr><tr><td><select name="os0">
        <option value="Event Fee">Event Fee $10.00 USD</option>
        </select> </td></tr>
    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="RegisterButton.jpg" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" onclick="getInputValues()">
<img alt="" border="0" src="https://www.sandbox.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

2 个答案:

答案 0 :(得分:0)

<script type="text/javascript">

$("input[name='submit']").click(function() {
  $("#myForm").submit();
});

</script>

答案 1 :(得分:0)

您可以保留默认事件,直到完成对输入值执行任何操作,我假设您要保存它们,可能有更好的解决方案,但这可能有所帮助。

var submitted = false;
$('input[name=submit]').click(function(e){
    if(submitted = false){
         e.preventDefault();
         var form_values = $('#myform').serialize();
         $.ajax({
         url:'save.php',
         type:'POST',
         data: form_values
         success : function(response){
               submitted = true;
               $('input[name=submit]').click();
         }
        });
    }

});