如何创建无关联模型的简单表单？Rails表单提交失效排查

核心问题原因 #

form_with 默认启用AJAX提交，且你传入的 url: 'calculator#result' 格式错误，Rails无法识别正确路由，导致提交无响应。关联模型表单能正常工作，是因为模型绑定的表单会自动生成正确的路由和提交配置。

具体修复步骤 #

1. 先配置正确的路由 #

打开 config/routes.rb，添加对应路由（根据需求选择GET/POST，这里以POST提交计算请求为例）：

# config/routes.rb
# 表单展示页路由（如果需要单独页面放表单）
get 'calculator', to: 'calculator#index'
# 结果处理路由，命名为calculator_result方便调用
post 'calculator/result', to: 'calculator#result', as: :calculator_result

2. 修改表单代码 #

方式一：强制普通HTTP提交（适合跳转结果页的场景）

添加 local: true 参数，禁用AJAX提交，让表单按传统方式跳转：

<%= form_with url: calculator_result_path, local: true do |form| %>
  <%= form.number_field :value, in: 1000.0..20000.0, step: 0.5 %>
  <%= form.submit %>
<% end %>

如果不想用路由辅助方法，也可以直接传入哈希格式的路由参数：

<%= form_with url: { controller: 'calculator', action: 'result' }, local: true do |form| %>
  <%= form.number_field :value, in: 1000.0..20000.0, step: 0.5 %>
  <%= form.submit %>
<% end %>

3. 控制器接收参数并处理逻辑 #

在 app/controllers/calculator_controller.rb 中编写计算逻辑：

class CalculatorController < ApplicationController
  # 表单展示页动作
  def index
  end

  # 结果处理动作
  def result
    @input_value = params[:value].to_f
    # 这里写税费计算逻辑，示例：
    @tax_amount = @input_value * 0.2
  end
end

4. 创建结果页视图 #

创建 app/views/calculator/result.html.erb 展示计算结果：

<h1>税费计算结果</h1>
<p>输入薪资：<%= @input_value %></p>
<p>应缴税费：<%= @tax_amount %></p>

额外注意点 #

• 如果不需要单独的表单展示页，也可以把表单直接放在结果页的模板里，但需要区分GET和POST请求逻辑。
• 若坚持使用AJAX提交，需要在控制器中返回JS响应，并编写对应的 result.js.erb 处理页面更新，但你的需求是跳转页面，所以优先推荐禁用AJAX的方式。

内容的提问来源于stack exchange，提问作者J.Doe