Javascript submit() 不会触发表单提交

Question

这是不起作用的代码：

<form id="paypal" name="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_parent" />Official website!
    <input type="hidden" name="item_name" value="Donation">
    <input type="hidden" name="cmd" value="_donations">
    <input type="hidden" name="bn" value="PP-DonationsBF">
    <input type="hidden" name="currency_code" id="currency_code" value="GBP" >
    <input type="hidden" name="business" id="business" value="paypalemail@null.com" >

    <a href="javascript: donate(paypal);" class="button1"><span></span><strong>£<input name="amount" type="text" id="ppAmount" style="text-align:center;" value="5" size="2" /> Donate!</strong></a>

    <input type="submit">
</form>

<div id="formtesting"></div>

<script type="text/javascript">

function donate(paypal) {
    document.getElementById("formtesting").innerHTML="maybe...";
    document.forms["paypal"].action = "https://www.paypal.com/cgi-bin/webscr";
    document.forms["paypal"].submit();
    document.getElementById("formtesting").innerHTML="did it work?";
}

</script>

我希望它在点击“button1”时提交，使用“javascript：donate（paypal）”提交按钮工作正常..（它在表单测试div中打印“也许”但不是“它工作了吗？”：/）

Answer 1

我遇到了myForm.submit()没有提交表单的问题。 原来我的问题是我的提交按钮的id是“提交”。 一旦我将我的 ID 更改为另一个名字 viola，它就起作用了。 希望这可以帮助其他遇到此问题的相同变体的其他人。

编辑：还要注意下面的 MalcomOcean 的评论，其中name标签也可能导致此问题

Answer 2

使用此代码它将起作用

function donate() {
document.getElementById("formtesting").innerHTML="maybe...";
document.paypal.action = "https://www.paypal.com/cgi-bin/webscr";
document.paypal.submit();
document.getElementById("formtesting").innerHTML="did it work?";
}

这里的贝宝是表格的名称。

Answer 3

面临同样的问题，从 javascript 提交未提交表单。 尝试了所有从 javascript 提交表单的方法，如 document.formname.submit() 或 document.getElementById("formId").submit()。 但这些没有用。

问题出在我的 html 页面上，还有另一个按钮（不是我点击的那个），该按钮的名称是“提交”。 当我将该名称更改为其他名称时，我的表单正在提交。

Answer 4

对我来说，这是由于尝试访问不存在的元素造成的。 即使在开发者控制台中查看，也不会出现错误日志通知，但代码会中止。 我的代码：

function MoveImageUp(id)
{
    document.fms.aid.value= id;
    document.fms.mode.value='up'; // die! the form has no element called aid

    document.fms.submit();
}

仔细检查所有引用的元素。

Answer 5

删除所有“<”表单“>”打开和关闭标签，如果您正在使用 document.createElement("form");

Answer 6

这有效：

<script type="text/javascript">
function donate(paypal) {
    document.getElementById("formtesting").innerHTML="maybe...";
    document.forms["paypal"].action = "https://www.paypal.com/cgi-bin/webscr";
    document.forms["paypal"].submit();
    document.getElementById("formtesting").innerHTML="did it work?";
}
</script>

<form id="paypal" name="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_parent" />
    Official website!
    <input type="hidden" name="item_name" value="Donation">
    <input type="hidden" name="cmd" value="_donations">
    <input type="hidden" name="bn" value="PP-DonationsBF">
    <input type="hidden" name="currency_code" id="currency_code" value="GBP" >
    <input type="hidden" name="business" id="business" value="paypalemail@null.com" >

    <a href="javascript: donate(paypal); return false" class="button1">
        <strong>?<input name="amount" type="text" id="ppAmount" style="text-align:center;" value="5" size="2" /> Donate!</strong>
    </a>
    <input type="submit">
</form>

<div id="formtesting"></div>

Answer 7

确保您使用的是getElementById ，而不是getElementByid 。