露营网络应用程序 - 多个提交按钮

camping web app - multiple submit buttons

我正在尝试将我的一个桌面应用程序移植到网络应用程序。这是一个翻译工具。一些视图将有多个表单,如果可能的话,每个表单将有几个按钮用于相同的资源。不知道后者可不可以?

例子


行动表格post

字段 1 – 源文本

字段 2 – 目标文本

提交操作post |提交操作搜索


post 操作将翻译对保存到数据库,搜索操作根据条件搜索数据库和 returns 所有翻译对(假设源包含某个词)。

是否可以按照描述的方式完成,或者我是否必须使用单独的表格进行搜索操作?

此致,

塞巴

您可以通过在提交表单之前覆盖表单操作来做到这一点:

$('[data-triggers*="change-action-and-submit"]').click(function() {
  $(event.target).parents('form').attr('action', $(event.target).data('action'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form action="/">
  <input type="name" />
  
  
  <button type="submit">Save</button>
  <button type="submit" data-triggers="change-action-and-submit" data-action="search">Search</button>
</form>