使用一个提交按钮提交两个表单 - Javascript

时间:2014-08-14 11:39:43

标签: javascript forms

我有以下表格:

<form name="google" method="post" action="http://google.com/"></form>
<form name="yahoo" method="post" action="http://yahoo.com" target="_blank"></form>

是否有机会通过单击鼠标提交这两种表格,例如有一个提交按钮? jQuery解决方案是不可接受的,因为我没有使用它的网站,因此为一个单独的操作加载外部lib是不合理的。

有机会通过纯Javascript来实现吗?

提前致谢!

2 个答案:

答案 0 :(得分:2)

可悲的是,afaik简单的答案是否定的,因为如果您提交一个表单页面重新加载并将$ _POST发布到服务器。你不能将这两种形式合并在一个标签下吗? HTML5可以做到这一点。您还可以使用隐藏字段并阅读第二个表单,并在发送之前提供包含信息的第一个表单隐藏字段。

希望有所帮助,干杯!

答案 1 :(得分:0)

HTML:

<form id="form1" name="google" method="post" action="http://google.com/" onsubmit="submitBoth(); return false;"></form>
<form id="form2" name="yahoo" method="post" action="http://yahoo.com" target="_blank" onsubmit="submitBoth(); return false;"></form>

JS:

function submitBoth() {
  document.getElementById('form1').submit();
  document.getElementById('form2').submit();
}