点击提交用户输入的最佳方式

Best way to submit user input on click

本文关键字：最佳 方式 输入 用户 提交      更新时间：2023-09-26

用户可以在不同的输入之间进行选择，这些输入由图像表示，并将不同的值传递给服务器。在前端设置输入的最佳/最简单方法是什么？

问题是：Firefox没有将提交的"名称"发送到服务器。在Chrome中，以下操作很好，"no"值显示在params中（第二行是渲染的html）。

<%= f.submit 'no', name: "response", :type => :image, :src => "/assets/images/cancel.png" %>
<input name="response" src="/assets/images/cancel.png" type="image" value="no">

我正在考虑的选项：

  • 使每个输入成为一个链接，从那里配置路由
  • 使用javascript处理点击操作，通过ajax或.submit（）提交数据
  • 内联JavaScript：https://stackoverflow.com/a/25137838

我发帖的原因：图片将在网站的不同位置被用作单击输入。一种是具有如上所述的自定义是/否/可能按钮。另一个用途是让用户在不同的图像之间进行选择，现在可能有20个选择，以后还会有更多。

想法？如果你能想出一个更干净的方法来做这件事，我很乐意听到！

查看了其他网站如何处理单个输入链接。我看不到任何标准，但我看到的大多数网站都将输入处理为没有任何包含表单的链接（这对ajax来说绝对是一个很好的用途）。

现在，我已经取下了表格，并替换为路径链接：

<%= link_to image_tag("/assets/images/cancel.png"), response_path('no'), method: :put %>
相关文章：