具有更多提交和回车提交的表单

Question

这个问题在某种程度上类似于这个。

我的电子商务解决方案中有一个表单。当您将商品放入购物车时，您可以更改商品数量。推车是一个整体。该表单有两个提交按钮 - 重新计算和继续（这将引导买家进入流程的第 2 步）。

---

当用户使用输入更改项目数量时，他可以点击重新计算（将帖子发送到应用程序，这将更改会话/数据库中的数字）或继续（这还将发送帖子数据以重新计算，然后将用户带到步骤2）。

但是当用户按下 Enter 键时，重新计算按钮优先。

我想要的是让重新计算按钮提交表单，但仅在单击时提交，而不是在按 Enter 提交时提交。相反，“继续”按钮也应该与 Enter 一起使用。

该解决方案不得使用 javascript，因为前端必须在不启用 JS 的情况下可用。

有什么想法吗？

Answer 1

<input type="text" id="mytext" ... />
<script type="text/javascript">
document.getElementById("mytext").onkeyup = function(event) {
  if(event.keyCode=='13' || event.keyCode=='10') {
    alert('you pressed enter');
    // do whatever you want when enter is detected
  }
}
</script>

Answer 2

您应该能够决定服务器端。单击按钮时，会提交名称-值对，但按下 return 时不会提交。因此，更改服务器端脚本以在提交重新计算名称值时执行“重新计算”，并在所有其他情况下继续执行。

Answer 3

将优先级最高的按钮放在 html 源代码中，并使用标记来反转两个按钮的位置？

编辑：你说你的布局无法处理这个问题。

任何一个：
1.改变布局。功能性更重要，对于布局来说，实现它的方法不止一种。
2. 让表格不检查是否按下了“重新计算”或“提交”，而是检查显示的价格与计算的奖金是否正确。示例：

用户购买 1 件商品，价值 3 美元。
用户购买 2 件商品，价值 5 美元。
总奖金：13美元。

用户现在将 1 项更改为 4 项。 3 美元变成了 12 美元，但他没有点击重新计算。

在表单中设置一个显示总金额的字段（隐藏字段最好）。当用户提交表单时，重新进行计算。如果计算出的奖金等于隐藏字段中的奖金，则用户知道最终的正确奖金。如果不同，请重新显示表格，并注明“您更改了购物车，总奖品已更新以反映这些更改。验证金额并提交购买”或其他内容。