使用 JS 提交 PayPal 表单不起作用

Question

我有一个 PayPal 表单，如下所示：（使用 jQuery 添加一些字段）

<form method="post" action="https://www.paypal.com/cgi-bin/webscr">
    <input type="hidden" value="_s-xclick" name="cmd">
    <input type="hidden" value="sdfgsdfg" name="hosted_button_id">
    <input type="button" value="Purchase One Year License" name="submit" class="pp_button" id="35" style="background-color: rgb(255, 255, 255);">
    <input type="hidden" value="35" name="cs_project_id">                                            
    <input type="hidden" value="6d04c7a241ad4415eb194a90dc252b09" name="cs_transaction_id">
</form>

我尝试使用第三个 input 元素 (type="button") 提交表单使用这段代码：

$(".pp_button").click(function()
{
    var button = $(this);
    button.parent().submit();
});

这应该可以正常工作，对吧？我使用 var button 是因为 click() 函数中的其他部分。我已经检查了 button.parent() 的 tagName ，它以 FORM 的形式给出，所以没关系......

我做错了什么这里？这通常工作正常...是因为我从 AJAX 调用插入标签（最后两个 input 标签）吗？还有别的事吗？我的桌子上缺少成熟的切达干酪吗？

谢谢，

詹姆斯

Answer 1

为什么不将输入类型从 button 设置为 submit 呢？这将使按钮提交表单并且不需要任何Javascript？

或者，如果您想使用 javascript (jQuery)，您可以为表单指定一个 ID，如下所示：

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

当您想提交表单时，您可以调用：

$("#paypal_form").submit();

Answer 2

您有一个名为 submit 的表单控件。这会用 HTMLElementNode 破坏 submit 函数。

最好的解决方案可能是不要在这里使用 JavaScript。你说你需要发生其他事情，但用户可能关闭了 JS，所以如果它们很重要，你几乎肯定会更好地找到不同的方式。

简单的解决方案是更改名称。

复杂的解决方案是从另一个表单获取提交方法的副本，然后将其与您要提交的表单一起使用：

 document.createElement('form').submit.apply(this.form);