我在一个表单中有两个提交按钮。我如何确定哪一个击中了服务器端?
当前回答
也许这里建议的解决方案在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>
其他回答
因为你没有指定你使用的服务器端脚本方法，我将给你一个适用于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
如果你给每一个名称，点击的将作为任何其他输入发送。
<input type="submit" name="button_1" value="Click me">
这非常容易测试:
<form action="" method="get">
<input type="submit" name="sb" value="One">
<input type="submit" name="sb" value="Two">
<input type="submit" name="sb" value="Three">
</form>
只需将其放入HTML页面，单击按钮，然后查看URL。
这里有一个新的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>标记上也可用。
由于您没有指定使用的服务器端脚本方法，因此我将给出一个适用于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" > <!--Always use type="password" for password --> <input type="text" name="loginpassword" value ="abc123" > <input type="submit" name="loginForm" value="Login"><!--SUBMIT Button 1 --> <input type="submit" name="saveForm" value="Save"> <!--SUBMIT Button 2 --> </form> </fieldset> <fieldset> <legend>FORM-2 with 1 button</legend> <form method="post" > <input type="text" name="registrationname" value ="XYZ" > <!--Always use type="password" for password --> <input type="text" name="registrationpassword" value ="xyz123" > <input type="submit" name="registrationForm" value="Register"> <!--SUBMIT Button 3 --> </form> </fieldset> </body> </html>
形式
当点击Login -> loginForm
当点击Save -> saveForm
当点击注册->注册表单
