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

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

当前回答

你可以像这样显示按钮:

<input type="submit" name="typeBtn" value="BUY">
<input type="submit" name="typeBtn" value="SELL">

然后在代码中，你可以使用:

if request.method == 'POST':
    #valUnits = request.POST.get('unitsInput','')
    #valPrice = request.POST.get('priceInput','')
    valType = request.POST.get('typeBtn','')

(valUnits和valPrice是我从表单中提取的其他一些值，用于演示)

2015-07-24 09:52:33

其他回答

这里有一个新的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

由于您没有指定使用的服务器端脚本方法，因此我将给出一个适用于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

你也可以这样做(我认为如果你有N个输入，这很方便)。

<input type="submit" name="row[456]" value="something">
<input type="submit" name="row[123]" value="something">
<input type="submit" name="row[789]" value="something">

一个常见的用例是为每个按钮使用来自数据库的不同id，这样稍后您就可以知道在服务器中单击了哪一行。

在服务器端(本例为PHP)，您可以将“row”读取为数组以获取id。

$_POST['row']将是一个只有一个元素的数组，形式为[id => value](例如:[' 123' => 'something'])。

所以，为了得到点击的id，你做:

$index = key($_POST['row']);

key

2016-01-21 04:10:31

在HTML5中，你可以在输入字段中使用formaction和formmethod属性

<form action="/addimage" method="POST">
<button>Add image</button>
<button formaction="/home" formmethod="get">Cancel</button>
<button formaction="/logout" formmethod="post">Logout</button>
</form>

2022-07-15 16:36:50

需要注意的是，如果您有多个提交按钮，并且您按了return (ENTER键)，那么键盘上的默认按钮值将是DOM上的第一个按钮。

例子:

<form>
  <input type="text" name="foo" value="bar">
  <button type="submit" name="operation" value="val-1">Operation #1</button>
  <button type="submit" name="operation" value="val-2">Operation #2</button>
</form>

如果你在这个表单上按ENTER键，将发送以下参数:

foo=bar&operation=val-1

2021-11-24 13:51:32

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

推荐文章

最新文章

标签