Rails 7 + Hotwire：能否用turbo_replace替换表单局部而非整个表单？

完全可以通过turbo_stream.replace替换目标Turbo Frame，同时避免嵌套表单的问题，具体实现步骤如下：

1. 调整前端请求触发逻辑 #

修改按钮的点击事件，发送Turbo Stream格式的请求，带上税号参数：

function fetch_company_data() {
  const taxNumber = document.querySelector('input[name="profile[tax_number]"]').value;
  const csrfToken = document.querySelector('meta[name="csrf-token"]').content;
  
  fetch('/profiles/fetch_company_data', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
      'X-CSRF-Token': csrfToken
    },
    body: `tax_number=${encodeURIComponent(taxNumber)}&profile_id=${encodeURIComponent('<%= @profile.id %>')}`
  });
}

2. 控制器处理请求并返回Turbo Stream #

在ProfilesController中新增动作，初始化表单构建器并返回替换指令：

def fetch_company_data
  @profile = Profile.find(params[:profile_id])
  # 执行税号获取企业数据的逻辑，比如：
  @profile.fill_company_info(params[:tax_number])

  # 初始化表单构建器，不生成外层form标签
  form_builder = ActionView::Helpers::FormBuilder.new(
    'profile', 
    @profile, 
    self, 
    {}
  )

  respond_to do |format|
    format.turbo_stream do
      render turbo_stream: turbo_stream.replace(
        'profile_company_data',
        partial: 'company_data',
        locals: { f: form_builder }
      )
    end
  end
end

3. 确保局部视图仅包含字段 #

_company_data.html.erb中只保留表单字段，不要嵌套form标签：

.field
  = f.label :company_name, '企业名称', class: 'label'
  .control
    = f.text_field :company_name, class: 'input'
# 其余16个字段同理

核心注意事项 #

• 绝对不要在Turbo Stream响应中渲染完整的form_with标签，否则会出现嵌套表单，导致CSRF Token重复、表单提交异常。
• 表单构建器对象可以通过控制器直接初始化，或使用form_with(model: @profile, skip_enclosing_tag: true)生成，两种方式都能避免生成外层form标签。
• 前端请求必须携带CSRF Token，且响应类型需为Turbo Stream，确保Turbo能正确解析并更新页面。

内容的提问来源于stack exchange，提问作者mateo