javascript - 一个 HTML 表单，其中包含用于不同任务的多个提交按钮

Question

我发现很多帖子的做法与我的尝试相反，但没有一个帖子适合这种情况。我目前拥有的(工作):

<script type="text/javascript">
function dotask1(a, b) {
window.open('internal.website.com/' + a + '+' + b', 'awindow');
}</script>

<form onsubmit="dotask1(this.a.value, this.b.value); return false;">
<input type="text" name="a" placeholder="First Name" />
<input type="text" name="b" placeholder="Last Name" />
<input type="submit" />
</form>

<script type="text/javascript">
function dotask2(c, d) {
window.open('internal.website.com/' + c + '+' + d', 'bwindow');
}</script>

<form onsubmit="dotask2(this.c.value, this.d.value); return false;">
<input type="text" name="c" placeholder="First Name" />
<input type="text" name="d" placeholder="Last Name" />
<input type="submit" />
</form>

这允许我在两个表单中分别输入名字和姓氏并提交。我只想有一个表单和两个不同的提交按钮，每个按钮都有一个单独的任务。我感谢任何帮助。

编辑:

Peter 建议使用 onclick，这是有道理的。我有以下内容，但不起作用，对我的错误有什么想法吗？

<script type="text/javascript">
function dotask1(a, b) {
window.open('internal.website.com/' + a + '+' + b', 'awindow');
}
function dotask2(c, d) {
window.open('internal.website.com/' + c + '+' + d', 'bwindow');
}
</script>

<input type="text" name="a" placeholder="First Name" />
<input type="text" name="b" placeholder="Last Name" />
<input type="button" onclick="dotask1(this.a.value, this.b.value); return false;"/> />
<input type="button" onclick="dotask2(this.a.value, this.b.value); return false;"/> />
</form>

Answer 1

每当我需要这样做时，我都会完全避免使用 input type="submit"，而只使用带有 onclick 处理程序的按钮。

<input type="button" value="Submit Task 1" onclick="function(){dotask1(a,b); return false;}"/>
<input type="button" value="Submit Task 2" onclick="function(){dotask2(c,d); return false;}"/>