露营网络应用程序 - 多个提交按钮
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>
我正在尝试将我的一个桌面应用程序移植到网络应用程序。这是一个翻译工具。一些视图将有多个表单,如果可能的话,每个表单将有几个按钮用于相同的资源。不知道后者可不可以?
例子
行动表格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>