一个表单中有两个提交按钮

我在一个表单中有两个提交按钮。我如何确定哪一个击中了服务器端?

当前回答

这里有一个新的HTML5方法，formaction属性:

<button type="submit" formaction="/action_one">First action</button>
<button type="submit" formaction="/action_two">Second action</button>

显然，这在Internet Explorer 9和更早的版本中不起作用，但对于其他浏览器应该没问题(参见:w3schools.com HTML <button> formaction Attribute)。

就我个人而言，我通常使用JavaScript远程提交表单(以获得更快的感知反馈)，并使用这种方法作为备份。在这两者之间，唯一不涉及的是禁用JavaScript的ie9版本之前的Internet Explorer。

当然，如果不管按哪个按钮，基本上在服务器端执行相同的操作，这可能是不合适的，但通常情况下，如果有两个可用的用户端操作，那么它们也会映射到两个服务器端操作。

正如Pascal_dher在注释中指出的，这个属性在<input>标记上也可用。

2015-08-10 12:07:56

其他回答

也许这里建议的解决方案在2009年是有效的，但我已经测试了所有这些被好评的答案，没有一个在任何浏览器上都有效。

我发现唯一有效的解决方案是这样的(但我觉得用起来有点难看):

<form method="post" name="form">
    <input type="submit" value="dosomething" onclick="javascript: form.action='actionurl1';"/>
    <input type="submit" value="dosomethingelse" onclick="javascript: form.action='actionurl2';"/>
</form>

2014-08-05 11:36:55

简单。你可以在不同的提交按钮上点击改变表单的动作。

在文档中试试这个。准备好:

$(".acceptOffer").click(function () {
    $("form").attr("action", "/Managers/SubdomainTransactions");
});

$(".declineOffer").click(function () {
    $("form").attr("action", "/Sales/SubdomainTransactions");
});

2015-06-24 09:34:13

解决方案1: 给每个输入一个不同的值，并保持相同的名称:

<input type="submit" name="action" value="Update" />
<input type="submit" name="action" value="Delete" />

然后在代码中检查哪些被触发:

if ($_POST['action'] == 'Update') {
    //action for update here
} else if ($_POST['action'] == 'Delete') {
    //action for delete
} else {
    //invalid action!
}

这样做的问题是，您将逻辑绑定到输入中的用户可见文本。

解决方案2: 给每个对象一个唯一的名称，并检查$_POST是否存在输入:

<input type="submit" name="update_button" value="Update" />
<input type="submit" name="delete_button" value="Delete" />

在代码中:

if (isset($_POST['update_button'])) {
    //update action
} else if (isset($_POST['delete_button'])) {
    //delete action
} else {
    //no button pressed
}

2009-02-13 21:53:33

您还可以使用href属性并为每个按钮发送带有附加值的get。但那时就不需要填表格了

href="/SubmitForm?action=delete"
href="/SubmitForm?action=save"

2017-07-19 21:15:00

由于您没有指定使用的服务器端脚本方法，因此我将给出一个适用于PHP的示例

<?php if(isset($_POST["loginForm"])) { print_r ($_POST); // FOR Showing POST DATA } elseif(isset($_POST["registrationForm"])) { print_r ($_POST); } elseif(isset($_POST["saveForm"])) { print_r ($_POST); } else{ } ?> <html> <head> </head> <body> <fieldset> <legend>FORM-1 with 2 buttons</legend> <form method="post" > <input type="text" name="loginname" value ="ABC" >  <input type="text" name="loginpassword" value ="abc123" > <input type="submit" name="loginForm" value="Login"> <input type="submit" name="saveForm" value="Save">  </form> </fieldset> <fieldset> <legend>FORM-2 with 1 button</legend> <form method="post" > <input type="text" name="registrationname" value ="XYZ" >  <input type="text" name="registrationpassword" value ="xyz123" > <input type="submit" name="registrationForm" value="Register">  </form> </fieldset> </body> </html>

形式

当点击Login -> loginForm

当点击Save -> saveForm

当点击注册->注册表单

2019-11-26 04:08:30

一个表单中有两个提交按钮

推荐文章

最新文章

标签