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

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

javascript forms

使用一个提交按钮提交两个表单-Javascript,javascript,forms,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解决方案是不可接受的，因为我的网站没有使

我有以下表格：

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

是否有机会只需单击一次鼠标即可提交这两个表单，例如只需单击一个提交按钮？jQuery解决方案是不可接受的，因为我的网站没有使用它，所以为单个操作加载外部库是不合理的

有机会通过纯Javascript实现吗

提前谢谢

遗憾的是，简单的答案是否定的，因为如果您提交一个表单，页面将重新加载并将$\u post发布到服务器。你不能把这两种形式合并在一个标签下吗？HTML5可以做到这一点。您还可以使用隐藏字段，读取第二个表单，并在发送前向第一个表单隐藏字段提供信息

希望有帮助，干杯

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>

html:

--您可以在单击submit时调用js函数，然后可以在两个表单上手动触发submit事件。我想会的work@mulla.azzi不，如果它点燃了一根柱子，那就不行了。发布后，页面将重新加载，第二个表单的信息将丢失。在发送第二个表单之前，您需要保护第二个表单中的信息是的，我可以使用AJAX。有AJAX请求的示例吗？我找到的所有内容都是用jQueryadd

target=“\u blank”

写入两个表单，它们应该打开并在一个新窗口中发布。--您可以在单击提交时调用js函数，然后可以在两个表单上手动触发提交事件。我想会的work@mulla.azzi不，如果它点燃了一根柱子，那就不行了。发布后，页面将重新加载，第二个表单的信息将丢失。在发送第二个表单之前，您需要保护第二个表单中的信息是的，我可以使用AJAX。有AJAX请求的示例吗？我找到的所有内容都是用jQueryadd

target=“\u blank”

target=“\u blank”

target=“\u blank”

写入两个表单的，它们应该打开并在新窗口中发布。恐怕这不起作用，因为第一次提交会重新加载页面。另外，您的答案是ctrl+c/v，这是关于这个主题的第一条评论。当然，您需要使用XMLHttpRequestAfaik，这不起作用，因为第一次提交会重新加载页面。另外，您的答案是ctrl+c/v，这是关于这个主题的第一条评论。当然，您需要使用XMLHttpRequestAfaik，这不起作用，因为第一次提交会重新加载页面。另外，您的答案是ctrl+c/v，这是关于这个主题的第一条评论。当然，您需要使用XMLHttpRequestAfaik，这不起作用，因为第一次提交会重新加载页面。另外，您的答案是关于此主题的第一条评论中的ctrl+c/v。当然）需要使用XMLHttpRequestI无法组合，因为我需要打开两个不同的URL，一个是我的网站，另一个是外部URL。@AlexF那么AJAX将是您的选择，尽管这是一种笨拙的方式，因为您要将数据发送到两个不同的外部源。通常，由于“同源策略”，AJAX只能在您自己的域上工作。请参见此处：我无法合并，因为我需要打开两个不同的URL，一个是我的网站，另一个是外部URL。@AlexF那么AJAX将是您的选择，尽管这是一种笨拙的方法，因为您要将数据发送到两个不同的外部源。通常，由于“同源策略”，AJAX只能在您自己的域上工作。请参见此处：我无法合并，因为我需要打开两个不同的URL，一个是我的网站，另一个是外部URL。@AlexF那么AJAX将是您的选择，尽管这是一种笨拙的方法，因为您要将数据发送到两个不同的外部源。通常，由于“同源策略”，AJAX只能在您自己的域上工作。请参见此处：我无法合并，因为我需要打开两个不同的URL，一个是我的网站，另一个是外部URL。@AlexF那么AJAX将是您的选择，尽管这是一种笨拙的方法，因为您要将数据发送到两个不同的外部源。

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