将表单提交到两个不同 URL 之一答案

【问题标题】：Submitting a form to one of two different URL's将表单提交到两个不同 URL 之一
【发布时间】：2017-07-27 09:42:12
【问题描述】：

我有两个这样的按钮：

<input type="button" name="but1" id="but1" value="page1" onclick="f('WebForm1')" />
<input type="button" name="but2" id="but2" value="page2" onclick="f('WebForm2')" />

显然还有另外两个网络表单（“WebForm1”和“WebForm2”）。

使用 JavaScript，我如何将默认网络表单（其中包含按钮）中的信息提交到作为其按钮值的页面？

（我的意思是当我点击第一个按钮时，它应该去WebForm1并提交数据，当我点击第二个按钮时，它应该去WebForm2并提交数据）

我以前从未尝试过，所以我用 JavaScript 编写了

function f(t){
var a;
a = document.getElementById['form1'];
a.submit(t);  }

但它不起作用。

【问题讨论】：

你能贴出你的代码吗？
'WebForm1' 是您系统上的有效 URL，因为您发布到它？
@KapilaPerera 实际上是整个代码。我正在尝试这个，以便在我拥有的项目中使用它
@Marcel 是的。我试过只使用一个按钮和一个功能发布到一个网络表单，并且它有效。我只是对使用一个功能的多个网络表单和按钮有问题

标签： javascript html asp.net webforms submit

【解决方案1】：

在 HTML5 中，您可以使用带有表单属性的<button>：

<button type="submit" form="form1" value="Submit">Submit</button>

使用form 属性可以指定<button> 元素所属的表单元素。

然后，以你的形式：

<form action="WebForm1" method="get" id="form1">
...
</form>

【讨论】：

方法应该是POST。此外，OP 想要发布到两个目标之一，如何通过一个提交按钮来实现该表单？

【解决方案2】：

所有这些功能都要在同一个页面上实现吗？我怎么看，你可以让两个输入按钮成为两种不同表单的提交按钮。

<form action = "WebForm1">
    <input type= submit  name="but1" id="but1" value="page1" />
</form>

<form action = "WebForm2">
    <input type= submit name="but2" id="but2" value="page2" />
</form>

另外，我不确定像 a.submit(t) 这样的东西是否有效。

【讨论】：

a.submit() 有效。但我不确定我们是否可以在服务器端网站中有 2 个表单
也许您可以在按钮上使用onclick() 功能并提供表单的绝对路径。

【解决方案3】：

希望这会有所帮助。 t 是表单的名称。

function f(t){
    // <form name="WebForm1">
    // t is the name of the form
    document.t.submit();
}

仅当两个表单与按钮所在的页面位于同一页面时，此功能才有效。

【讨论】：