使用一个提交按钮对表单提交执行两个操作
可以通过以下几种方式实现：
- 使用JavaScript事件监听器：在提交按钮上添加一个点击事件监听器，当按钮被点击时，执行两个操作的函数。函数可以包含表单提交的操作以及其他需要执行的操作。例如：
<form>
<!-- 表单内容 -->
<input type="text" name="name">
<input type="email" name="email">
<!-- 提交按钮 -->
<button type="submit" onclick="submitForm()">提交</button>
</form>
<script>
function submitForm() {
// 执行表单提交操作
// ...
// 执行其他操作
// ...
}
</script>- 使用表单的onsubmit事件：在表单元素上添加onsubmit事件，当表单提交时，执行两个操作的函数。函数可以包含表单提交的操作以及其他需要执行的操作。例如：
<form onsubmit="submitForm()">
<!-- 表单内容 -->
<input type="text" name="name">
<input type="email" name="email">
<!-- 提交按钮 -->
<button type="submit">提交</button>
</form>
<script>
function submitForm() {
// 执行表单提交操作
// ...
// 执行其他操作
// ...
}
</script>无论使用哪种方式，都可以在函数中执行表单提交操作和其他操作。例如，表单提交操作可以通过AJAX发送表单数据到服务器，其他操作可以是对表单数据的验证、清空表单字段等。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：无需管理服务器，按需运行代码的事件驱动型计算服务，可用于执行表单提交操作和其他操作。
- 云数据库 MySQL：可靠、可扩展的云数据库服务，可用于存储表单提交的数据。
- 云存储 COS：安全、稳定、低成本、高可扩展的云端存储服务，可用于存储表单提交的文件。
- API 网关：提供稳定、安全、高性能的 API 托管服务，可用于创建和管理表单提交操作的 API 接口。
- CDN 加速：全球分布式加速服务，可用于加速表单提交操作和其他操作的静态资源访问。
- 云安全中心：全面、智能、高效的云安全服务，可用于保护表单提交操作和其他操作的安全性。
请注意，以上仅为腾讯云的相关产品示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
2回答
我有一个带有两个提交按钮的HTML表单。一个用于提交表单，另一个用于执行Java脚本函数。当我单击按钮执行Java脚本函数时，它会尝试提交表单。我该怎么处理这种情况。也就是说，我希望在单击submit按钮时提交表单，单击另一个按钮时运行Java脚本函数。
浏览 1提问于2016-01-30得票数 0
回答已采纳
1回答
我使用的是jQuery验证。我在我的表单中有两个提交表单的元素，一个是提交按钮，另一个是下拉菜单，我需要它来提交表单，以便我可以填充另一个下拉框。我的下拉框必须提交表单，但我想知道是否可以让它绕过表单提交的验证步骤？
谢谢
附言:我已经尝试过class=“取消”，它似乎只在按钮上起作用。
浏览 0提问于2012-08-08得票数 1
2回答
我有两个表单，共享一个提交按钮。这些表单位于两个不同的选项卡中。我只想在选项卡中的相应表单有效时启用该按钮。现在我的问题是，当一个表单有效时，另一个选项卡上的按钮也会被启用。当我们有两个表单时，如何禁用按钮？
<form id="form1">
<input type="text" value="test" name="test1">
</form>
<form id="form2">
<input type="text" value="
浏览 3提问于2017-10-05得票数 1
我有一个有多个formControl的formGroup。因为我想提高性能，并且不想在输入或更改formControl的值时显示错误，所以我使用'updateOn': 'submit'选项，以便在提交表单时更新值。但是在表单中，我有两个按钮，这两个按钮将保存表单值用于两个目的。因此，我不能在HTML模板中使用(提交)事件。
有没有什么方法可以触发事件提交并立即获取值？或者你能给我推荐一下这个案例的更好的解决方案吗？
<form [formGroup]="accountForm" #f="form">
<bu
浏览 41提问于2021-06-05得票数 1
回答已采纳
有一个表单，在表单内部有许多复选框。可以在这些勾选的复选框上进行两个操作。由于一个表单只有一个“提交”按钮，如何解决这个问题呢？
我知道我可以设置两个按钮，每个操作一个按钮，和一个额外的“提交”按钮，看起来像下面的伪代码：
<form>
<checkbox1>
<checkbox2>
<checkbox3>
...
<checkboxn>
<button value="operation1">
<button value="operation2">
<submit valu
浏览 3提问于2009-11-08得票数 0
回答已采纳
在表单上，我有两个提交按钮：
<g:submitButton name="add" value="Add"/>
<g:submitButton name="addAnother" value="Add and Create Another"/>
我需要根据用来提交表单的按钮采取稍微不同的操作。如何在我的控制器中获取被点击按钮的名称？
浏览 2提问于2010-04-30得票数 5
回答已采纳
我研究了前面的问题，但它们似乎没有回答我身上发生的事情。
在我的实际代码中，我动态地创建了一个表单，并在其中添加了两个按钮，一个用于提交，另一个用于其他功能。为此，我将一个按钮的"type“属性设置为"submit”，将另一个按钮设置为"button“。问题是，在Chrome中，两个按钮都会提交表单。
表单代码：
form = $(document.createElement('form')).attr('method', 'get').attr('action', defaults.action).app
浏览 1提问于2010-08-20得票数 6
回答已采纳
1回答
我的表单上有一些<h:inputText>和两个<h:commandButton>，一个命令按钮以经典的方式提交表单，另一个有一个<f:ajax>，当用户在触发第二个按钮的输入中按回车键时，如何防止表单提交？
浏览 2提问于2011-03-10得票数 2
回答已采纳
3回答
如果其中一个有多个输入表单，是否有一种方法可以区分一个提交按钮和另一个提交按钮？原因是我有两个表单，每个表单执行不同的任务。
这两个表单都执行一个提交，每个提交都将执行一个SQL查询。第一个是SELECT FROM查询，用于搜索数据；第二个查询将执行更新或删除(在两个不同的页面上使用此代码)查询。
浏览 2提问于2013-12-03得票数 0
我希望在我的视图中有两个按钮(称为Create)，一个按钮提交表单并在完成后将用户带回主页，另一个按钮提交表单，但重新加载评等页面，以便能够添加其他评等。
我现在有个问题-
目前，我有一个按钮，在我的控制器中有一个动作结果：
public ActionResult Create(Rating rating)
{
if (ModelState.IsValid)
{
db.Ratings.Add(rating);
db.SaveChanges();
return RedirectToActi
浏览 0提问于2015-08-13得票数 0
回答已采纳
我想创建一个HTML表单，其中一个字段用于用户名，下一个字段用于密码，然后在其下方包含两个按钮的行，一个用于登录，另一个用于注册。
我想要“登录”按钮来提交表单。我不希望注册按钮提交表单，而是将用户带到另一个页面。如何让这两个按钮排成一行，并具有我所描述的行为？
浏览 7提问于2010-06-20得票数 1
回答已采纳
4回答
禁用单击按钮时表单自动提交
、、、、
我有一个HTML表单，其中我使用了几个按钮。问题是，无论我单击哪个按钮，即使该按钮不是"submit“类型，表单也会被提交。例如，像:<button>Click to do something</button>这样的按钮，会导致表单提交。
为这些按钮中的每一个执行e.preventDefault()是相当痛苦的。
我使用jQuery和jQuery UI，网站是HTML5。
有没有办法禁用这种自动行为？
浏览 72提问于2012-03-22得票数 207
回答已采纳
1回答
我有一个HTML表单，它在提交时调用一个验证方法。现在，在这个表单中，我有两个提交类型：
<input type="submit" name="abc" value="abc">
<input type="submit" name="xyz" value="xyz">
现在，当我单击任何提交按钮时，验证方法将被调用。但我只想在单击'abc‘按钮时调用验证方法，而不是在单击'xyz’时调用。
有没有办法使用JavaScript来处理这个问题？
浏览 0提问于2016-01-06得票数 1
有没有一种不用点击“提交”按钮就能自动提交表单的方法？
我有一个只有一个"file“输入的表单。我会在用户选择一个文件后提交表单。
浏览 0提问于2009-12-15得票数 34
回答已采纳
我有一个html表单，其中需要两个提交按钮。当单击每个按钮时，都需要捕获事件(表单提交)，然后处理表单数据，并在GUI中向前或向后移动，这取决于按下两个按钮中的哪一个。
我还没有找到一种在Javascript中捕获提交事件处理程序中按下的按钮的方法。使用单击事件处理程序时，不会将任何表单附加到此操作。有什么建议吗？
浏览 1提问于2016-05-11得票数 0
1回答
多个提交按钮安全风险
、、、、
出于某些原因，我需要创建一个带有两个submit按钮的表单，这些按钮将在提交后调用不同的操作。
我在中找到了下面的示例
<s:form method="post" action="mySubmitAction">
<s:submit value="Submit"/>
<s:submit value="Clear" action="myClearAction"/>
</form>
由于我的项目使用Struts2.3.16.3，所以需要struts.map
浏览 0提问于2015-07-11得票数 2
回答已采纳
2回答
我有一个很小的html计算器，你可以输入两个数字，用两个单独的按钮来加减它们，就像这样：
<form method="post" action="<%= actionURL %>" >
<input type="text" name="x" value="${x}"/>
<input type="text" name="y" value="${y}"/>
<input type="s
浏览 1提问于2013-06-14得票数 0
回答已采纳
我想使用一个有两个提交按钮的表单。每个按钮调用相同的表单操作，但为其中一个字段提交不同的值。为此，我成功地使用了s:submit按钮，如下所示：
<s:submit name="submitType" value="foo" type="button">Click me!</s:submit>
在上面，按钮中显示的文本(“单击我！”)与表单提交的值("foo")不同。但是，对于具有完全相同属性的dojo提交标记，情况并非如此：
<sx:submit name="submitType"
浏览 0提问于2011-10-16得票数 0
回答已采纳
嗨，我有两个提交按钮在一个表单。下面的脚本通过向用户发送警告消息来帮助防止提交空字段。但是，我只需要它运行时，我的两个提交按钮中的一个被点击。因此，换句话说，如果一个按钮a被单击，它将提交包含或不包含空白字段的表单，而另一个按钮将运行下面的脚本，并且不允许提交包含空白字段的表单。非常感谢您的帮助，谢谢。
<script type="text/javascript">
$('form').on('submit', function () {
var thisForm = $(this);
浏览 0提问于2015-03-26得票数 1
3回答
我只需要通过web表单向cgi脚本提交一个输入字段值。
我已经添加了两个额外的表单控件(一个复选框和单选按钮)，它们根据所选的状态来操作输入值。
当表单提交时，额外的表单字段值也会被提交，这会破坏cgi脚本(我无权访问)。我从复选框中删除了'name‘属性，这样它们就不会提交，但无法对单选按钮执行此操作，因为这会破坏单选按钮的分组。
如何防止提交单选按钮值？
浏览 1提问于2010-11-09得票数 9
回答已采纳
2回答
是否可以在表单的单个提交按钮上多次单击？我有一个表单，我想在第一次提交(第一次单击)上执行一个操作，在第二次提交(第二次单击)上执行一个不同的操作。
我基本上是在第一次提交时使用ajax在表单中填充div，我希望在第二次单击时提交表单。
我尝试将div中的by button放到by update，在第一次单击之后，我更新了div，并在更新后的div中重新创建了按钮。但是如果我使用这个方法，我如何在Ajax的控制器方法中设置新创建的按钮的操作方法呢？我的控制器方法返回如下内容
return Content( mystring + <input type='button' v
浏览 4提问于2013-02-19得票数 0
回答已采纳
4回答
我有一个有两个按钮的表单。第一个是使用Javascript隐藏的。
当我在IE的文本字段中按enter键时，表单不会提交。我认为这是因为它选择了第一个按钮作为默认的提交按钮，但由于该按钮是隐藏的，所以它不起作用。
我已经通过在enter keydown Javascript事件上提交表单解决了这个问题。但是，如果用户按enter从浏览器的autocomplete下拉列表中选择一项，也会提交表单。
如何在IE中按enter键提交表单，而不影响自动完成功能？
浏览 1提问于2010-08-23得票数 9
回答已采纳
我正在尝试构建一个包含两个表单的页面，这两个表单都设置了method="post"，并且每个表单都有一个提交<button>。第一个表单的提交操作由FirstController处理，第二个表单由SecondController处理。在路由文件web.php中，我需要为每个提交按钮声明两个路由函数，并且我希望保持相同的url，但是按钮无法知道它应该调用哪个post。我看到了一些关于创建作业来处理每个按钮的解决方案，但无论如何，我能告诉Laravel调用哪个post路由吗？ 骨架如下所示： web.php Route::post('/', '
浏览 39提问于2020-07-10得票数 0
回答已采纳
我有一个PHP页面，它有两个按钮，分别命名为Save和Submit.One，用于保存表单数据，以及其他用于提交最终数据的按钮。
<button id="save" name="save" onclick="saveForm();">Save</button>
<button id="submit" name="submit" onclick="validate();">Submit</button>
下面是两个JavaScript函数：
functi
浏览 1提问于2014-07-23得票数 0
回答已采纳
我知道从一个按钮到两个不同的位置提交表单可能是不可能的，所以我想知道是否有人知道解决方案。
当我单击表单上的submit时，我有以下表单标记：
<FORM ACTION="http:site.com/servlets/RequestServlet" method="post">
但我希望表单有2个动作参数。这样，一旦用户填写了表单，提交了表单，表单就被提交到服务器和PHP脚本，PHP脚本将提取表单提交的参数，并通过电子邮件向用户发送有关其表单提交的详细信息，如请求ID等。
在这里，Servlet被提交，以便可以在网络中进行记录，但是在表单提交之后需要
浏览 1提问于2011-09-21得票数 1
回答已采纳
1回答
我在反应中有一种形式，我希望在以下两个条件下不能提交：
JS禁用了
我的应用程序包还没有下载/解析
应用程序是服务器端呈现的，所以在应用程序包完成客户端下载之前，表单是可见的。如果表单是在包完成之前提交的，表单将发出请求并将表单参数附加到url。
我尝试过设置空白设置，比如
<form onSubmit="return false">
</form>
最初将表单设置为禁用，然后在componentDidMount()上启用它似乎是一种解决方案，但我想知道是否有一些HTML属性可以添加到表单或提交按钮中。
浏览 3提问于2016-11-28得票数 3
我在spring-mvc应用程序中添加了一个applet作为jar。小程序用于在使用表单提交按钮提交文档之前对文档进行数字签名。我已经从我的JSP调用了applet代码：
<object
codebase="http://java.sun.com/update/1.5.0/jinstall-1_5-windows-i586.cab#Version=5,0,0,5"
width="130" height="25" name="SmartCardSignerApplet">
<param na
浏览 1提问于2014-12-11得票数 0
我有一个有两个按钮的动态表单的Vue应用程序，我需要在请求中发送被单击的按钮。为此，我更新了一个隐藏输入字段的值，然后使用jQuery提交表单。但是，由于某些原因，当我第一次单击将隐藏输入设置为true的按钮时，它最初会发送false，但随后的单击将发送适当的值。
下面是我在没有实际jQuery请求的情况下所做的事情的一小段。我可以看到值被正确地更新，所以我不确定这是竞争条件还是我遗漏了一些明显的东西。
<form id="myVueForm">
<input type="hidden" name="submitEdit"
浏览 6提问于2018-09-07得票数 2
回答已采纳
2回答
我有一个多部分的表单，其中数据流是：
回答表单，提交(通过ajax )
jQuery表单和CodeIgniter验证(如果存在的话)回显
预览表单中的答案
选择：Cancel，编辑，提交数据库
这三个选项是在预览表单中提交具有唯一名称的按钮。我的提交到数据库进程已经完成，而我在执行Cancel和Edit时遇到了困难。我对这三种方法的当前方法是(在控制器内部)：
function preview_form_redirect()
{
if ( isset($_POST['submit-form']) ) {
$th
浏览 2提问于2013-02-24得票数 0
回答已采纳
我不想在提交表单时从下拉并选中的单选按钮中休息所选值。在onclick的这两个单选按钮上，我必须提交表单，提交后，它似乎重置选定的值。下面是我使用的代码
<%= form_tag(:action =>"show", :method => "post") do %>
<%= @name %>.
<strong>Select device: </strong> <%= collection_select(:device, :id, @devices, :id, :name, opti
浏览 3提问于2013-03-01得票数 0
回答已采纳
5回答
我使用jquery的.submit()来拦截用户的提交事件，但是我发现了一个问题。
当用户单击submit按钮时，表单正常提交，但如果用户故意快速单击多次，则会多次提交，这会导致数据库中的重复数据。
这类问题的解决方案是什么？
更新:嗯，我看到一些建议说禁用提交按钮。这应该会防止表单被多次提交，但问题是我页面中的表单元素没有刷新，如果我禁用它，用户将无法再提交它，禁用它15秒可能会起作用，但这是解决这个问题的正确方法吗？
浏览 1提问于2010-05-14得票数 5
回答已采纳
2回答
我在我的页面上有一个简单的文本框和按钮类型输入。
<input id="sText" type="text" />
<input id="sButton" type="button" value="button" />
我使用jQuery捕获按钮单击。
$("[id$=sButton]").click(function () {
...do Stuff
});
只要我手动单击按钮，上面的代码就可以正常工作。当我想使用"enter“键点击
浏览 0提问于2012-01-06得票数 6
回答已采纳
1回答
我有一个表单，我需要让它根据单选按钮的选择动态变化。假设我有文本字段Field A，Field B，...，Field G，以及表单中的单选按钮Radi1和Radi2。我想基于单选按钮选择来动态更改表单。
表单设计如下：
Field A
Field B
Radio1 Radio 2
现在，基于单选按钮选择，其他字段(字段C到G)可以是文本字段、单选按钮或下拉列表。现在，我使用两个带有相同字段的div来查看它们的需求(文本字段、单选按钮或下拉列表)，并且基于单选按钮selection.But隐藏/显示这些div是正确的方法。但是我看到这种方法的缺点是每个表单域被提交两次(我的意思是，即使一个di
浏览 4提问于2014-08-09得票数 0
1回答
我目前有两个表单执行两个不同的操作。
一个表单向用户订阅mailchimp列表。另一个允许用户提交他们的简历。
但是，我有两个提交按钮，每个操作一个。我想将其压缩为一次提交。
这是我的jsfiddle：
.
最终的结果应该是，在提交时，简历应该发送给我，然后mailchimp的表单应该被提交。
任何想法都将不胜感激。
干杯，马特
浏览 5提问于2013-11-06得票数 1
我有一个场景，我在一个表单中有两个提交按钮，用于后退和前进。
这两个按钮具有与之关联的不同JavaScript。如果我们按下这些按钮来导航，它会工作得很好。
但在Google Chrome中，当有人在表单中的任何文本框上按enter时，它不会调用该按钮的onClick。
有什么办法可以解决这个问题吗？
谢谢
浏览 1提问于2010-06-04得票数 1
回答已采纳
有没有办法把两个动作选项写在一起？举个例子：
<?php
echo '<html>';
echo '<form action="" method="post">';
echo '<input type="hidden" name="form_action" value="1">';
echo '<input class=submit type="submit" value="[PUSH
浏览 2提问于2012-11-16得票数 0
1回答
web表单上有两个提交按钮，需要字段验证，如果我单击第一个提交按钮，它不会检查第二个提交。意味着我只希望只有第一个文本框所需的验证必须工作？我应该做什么，我可以隔离多个提交按钮的验证，以获得更多的细节，快照包括在内。
浏览 4提问于2013-08-15得票数 2
回答已采纳
我有一个带有两个提交按钮的表单-一个用于取消，另一个用于将表单值保存到数据库。按Enter键时，Cancel按钮提交表单，而不是Save按钮提交表单。当按回车键时，如何使保存按钮提交表单？
谢谢,
浏览 1提问于2010-07-08得票数 7
回答已采纳
2回答
所需的字段验证器提交问题
、、、
我有一个网页表单(例如表格1)创建了一个小的进餐与提交按钮。要验证的字段是名称(文本框)、性别(单选按钮)等等。在同一页上的此表单下面是一个反馈表单(例如表单2)，它有两个字段: name(textbox)和feedback (文本区域)。反馈表单有一个提交按钮。
问题:当点击反馈表单的提交按钮时，由于表单1中所需的字段没有填写，所以没有提交反馈。
我希望反馈意见能够被提交。请帮帮忙。
问题图像：
浏览 0提问于2015-05-22得票数 0
回答已采纳
目前我在一个HTML页面上工作，在那里我可以上传Excel，也可以从数据库中获取指定日期范围内的数据。一个提交按钮将从excel和数据库中调出数据，并比较这两个列表中的值，并显示冲突的值。我需要添加另一个提交按钮，用户可以在其中设置必须如何为同一表单中的冲突值进行映射。
如何同时使用两个提交按钮，同时使用PHP中第二个提交按钮访问的第一个提交按钮中发布的数据？
浏览 35提问于2016-12-06得票数 1
4回答
我有一个带有提交按钮的表单。我在单击提交按钮时调用了一个函数。
function actionPage(form1)
{
form1.action="action1.php";
form1.submit();
return(true);
}
现在，我希望将表单数据提交到两个不同的页面。这些页面位于不同的服务器上。
我知道我们可以根据条件将数据发送到特定的页面，但我不确定是否可以同时提交到两个不同的页面，即：
function actionPage(form1)
{
form1.action="action1.php";
form1.submi
浏览 0提问于2010-03-05得票数 4
回答已采纳
我希望有一个表单视图，可以根据情况，以一种防弹的方式禁用提交功能，这样即使是聪明的用户也无法编辑HTML源代码(通过浏览器扩展)来重新添加提交按钮。
似乎可以通过某种方式注入一个无效的身份验证令牌来替换(有效的)rails生成的身份验证令牌，这样即使用户以某种方式重新添加了提交按钮(通过浏览器扩展编辑HTML )，它仍然是无效的提交。
我的想法是在视图中有一些逻辑：
- if @form_disabled # set by controller
- somehow_invalidate_the_authenticity_token?
如何“破坏”Rails表单提交？
这样做的目的不是在
浏览 17提问于2015-09-30得票数 0
我有两个表单: authorEdit和author Create。这两个表单在单个控制器中进行管理。每个表单都有一个提交按钮，而这些按钮的名称并不相同。
如何在我的控制器中签入我正在使用的关于提交按钮名称的表单？
谢谢。
浏览 0提问于2012-11-30得票数 2
回答已采纳
Frnds我想使用一个表单上的两个不同按钮将数据提交给两个不同的控制器，我希望这两个按钮调用不同的操作，并将表单的所有值提供给它们所尊重的控制器。
浏览 0提问于2012-01-27得票数 2
回答已采纳
2回答
<html:submit
property = "buttonClicked"
styleClass = "buttonEnabled"
value = " Search"
onclick="this.form.submit(); this.disabled=true; this.value='Searching'"
onclick="return rfqValidation();"/>
这是我对按钮点击的验证。但是只有一个验
浏览 1提问于2015-11-12得票数 0
如何在使用PHP单击第二个表单的提交按钮后，在同一数据库中的两个不同表中提交两个不同的表单数据，每个表单都有一个提交按钮？
浏览 5提问于2011-12-17得票数 0
6回答
一键提交两个表单
、、
我有两个HTML表单，一个是提交数据进入数据库使用PHP，另一个直接用户到一个贝宝支付页面，我的问题是，用户将不得不提交这两个表单，当然我不希望他们必须这样做。有没有在两个表单中使用一个提交按钮的方法？
(欢迎使用Javascript)
浏览 1提问于2011-10-21得票数 56
回答已采纳
5回答
我有一个关于表格的问题。我创建了一个带有动作的表单，表单里面有两个按钮，一个用来提交表单，另一个用来提交不同的php文件，我该怎么做呢？下面是我的代码：
<form action="viewmember.php">
<input type="text" value="Clyde">
<input type="submit" value="View" id="viewbutton">
<input type="submit" value=
浏览 0提问于2012-10-26得票数 0
我在一个表单中有两个提交按钮。我想在这两个按钮中调用不同的操作。有没有办法在不使用JavaScript的情况下做到这一点？
浏览 1提问于2010-10-26得票数 2
回答已采纳
我有一个JSP页面，其中有两个带有提交按钮的表单。这两种形式如何配置不同的action类？
例如：
form1将按钮配置提交给classA，form2将按钮配置提交给classB。
有可能吗？
浏览 6提问于2013-06-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
