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

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

当前回答

我认为您应该能够读取GET数组中的名称/值。我认为没有点击的按钮不会出现在列表中。

2009-02-13 21:48:26

其他回答

因为你没有指定你使用的服务器端脚本方法，我将给你一个适用于Python的例子，使用CherryPy(尽管它可能对其他上下文也有用):

<button type="submit" name="register">Create a new account</button>
<button type="submit" name="login">Log into your account</button>

您可以使用名称(带有<button>标记而不是<input>标记)，而不是使用值来确定按下了哪个按钮。这样，如果您的按钮碰巧有相同的文本，也不会造成问题。所有表单项(包括按钮)的名称都作为URL的一部分发送。

在CherryPy中，每一个都是执行服务器端代码的方法的参数。因此，如果你的方法只有**kwargs作为参数列表(而不是乏味地输入每个表单项的每个名称)，那么你可以检查哪个按钮被按下了，像这样:

if "register" in kwargs:
    pass # Do the register code
elif "login" in kwargs:
    pass # Do the login code

2015-12-04 14:36:59

将name定义为数组。

<form action='' method=POST>
    (...) some input fields (...)
    <input type=submit name=submit[save] value=Save>
    <input type=submit name=submit[delete] value=Delete>
</form>

服务器代码示例(PHP):

if (isset($_POST["submit"])) {
    $sub = $_POST["submit"];

    if (isset($sub["save"])) {
        // Save something;
    } elseif (isset($sub["delete"])) {
        // Delete something
    }
}

Elseif非常重要，因为两者都将被解析。

2017-07-02 22:48:54

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

如果你给每一个名称，点击的将作为任何其他输入发送。

<input type="submit" name="button_1" value="Click me">

2009-02-13 21:48:20

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

推荐文章

最新文章

标签