Ruby on Rails表单提交失败：400 Bad Request错误求助

从你提供的错误日志里，我一眼就抓到了核心问题——服务器根本没收到你的email参数：日志里的Parameters: {"utf8"=>"✓"}说明只有utf8的校验标记被传过来，完全没有email字段。这直接触发了模型的验证失败（毕竟你肯定加了presence: true的验证规则），数据库事务随即回滚，最终返回400 Bad Request错误。

下面是几个最可能的原因和对应的解决办法：

• 表单输入框的name属性错误
  Rails表单需要输入框的name属性符合参数命名规则，比如用form_for @newsletter的话，email输入框的name应该是newsletter[email]。建议用Rails的表单助手生成输入框，避免手动写错：

  <%= form_for @newsletter, remote: true do |f| %>
    <%= f.email_field :email, placeholder: "输入你的邮箱" %>
    <%= f.submit "订阅" %>
  <% end %>
  要是你手动写<input>标签，一定要确保name属性是`newsletter[email]`，别漏写或者写错格式。
  
  

• 控制器的强参数没有允许email字段
  Rails的强参数机制会过滤掉未被明确允许的参数，所以你需要在NewslettersController里指定接收email参数：

  class NewslettersController < ApplicationController
    def create
      @newsletter = Newsletter.new(newsletter_params)
      if @newsletter.save
        # 处理成功逻辑
      else
        # 处理失败逻辑
      end
    end
  
    private
    def newsletter_params
      params.require(:newsletter).permit(:email) # 必须明确允许:email字段
    end
  end
  

  如果这里没写permit(:email)，服务器会直接丢弃email参数，自然接收不到。

• AJAX提交时没有正确序列化表单数据
  因为你的请求是Processing by NewslettersController#create as JS（AJAX请求），如果前端自己写了提交逻辑，要确保正确序列化所有表单参数。比如用jQuery的话，应该这样处理：

  $('form').submit(function(e) {
    e.preventDefault();
    $.ajax({
      url: $(this).attr('action'),
      type: 'POST',
      data: $(this).serialize(), // 序列化整个表单数据，不要手动构造遗漏参数
      dataType: 'script'
    });
  });
  

  要是你手动构造data对象，别忘记带上newsletter[email]这个键值对。

• 模型验证的补充检查
  虽然核心问题是参数没传过来，但也可以确认下模型验证规则是否正确，比如：

  class Newsletter < ApplicationRecord
    validates :email, presence: true, format: { with: URI::MailTo::EMAIL_REGEXP }
  end
  

  确保验证规则没问题，不过只要参数传对了，验证就能正常工作。

你可以按照上面的顺序逐一排查，先检查表单和强参数，这两个是最常见的问题。

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