Onsubmit 在 Chrome 中不起作用

Question

我有两个表格和一个按钮。在 Firefox 中一切正常。我得到一个新窗口，其中包含 Paypal 付款，在发生所有事情的窗口中，我收到提交的 send_mail 表单，该表单将向用户发送电子邮件。我怎样才能在 Chrome 中实现这个功能？为什么它不起作用？我已经尝试过任何事情（或者我认为是这样）！

所以：

<form name="registerForm" id="registerForm" target="_blank" action="paypal_url" method="post" onsubmit="$('#send_mail').submit();">
...
</form>

<form name="send_mail" id="send_mail" action="" method="post">
...
</form>

<a onclick="$('#registerForm').submit()">Go to paypal and send confirmation mail</a>

Answer 1

除非您有充分的理由使用仅 javascript 提交，否则为什么要在出现 javascript 错误时将表单设置为不可用？

使用提交类型的标准表单输入，给它一个 id，根据需要通过 javascript 更改提交的外观或文本，并创建 onclick 和 onclick 。 onsubmit 事件作为该功能之上的一层，并让它们返回 false。更好的后备方案。

我不确定您为什么要尝试一次提交两个表单，但是这个替代方案怎么样（请注意，我尚未测试此代码，但它应该传达这个想法）：

<script type='text/javascript'>
$('#fallback-register-submit').hide(); // Hide the submit button.
$('#registration-link').show().click(function (){ // Show the link and attach the action.
    $('#registerForm').submit();
    return false; // Don't bother following the link anchor.
});
</script>

<form name="registerForm" id="registerForm" target="_blank" action="paypal_url" method="post""><!-- Single form that does all of the submitting. -->
...
...
<input type='submit' id='fallback-register-submit'>Register</input><!-- In the event of a javascript error for their browser, they can still buy your stuff! -->
<a id='registration-submit' style='display:none'>Go to paypal and send confirmation mail</a>
</form>

Answer 2

为什么不将两个提交都绑定到你的 a 上呢？

onclick="$('#send_mail').submit(); $('#registerForm').submit();"

如果您希望在第一个表单之后提交另一个表单：

onclick="$('#send_mail').submit( function() {$('#registerForm').submit();}); "

假设您在这里使用 jquery

Answer 3

据我了解，您想使用链接提交表单吗？

那为什么不使用“纯”javascript呢？没有 jQuery： document.getElementById(....).submit()

或者以正常的 jQuery 方式将提交事件链接到链接：
<代码>

$(document).ready(function() {
 $(".yourLinkClass").click(function() { // or "#yourLinkId" for that matter
  $("#registerForm").submit();
 });
});

您也可以使用提交按钮;)