如何在Rails视图中显示模型验证错误？

看起来你已经找到了解决方案，但我可以帮你梳理清楚问题的根源，以及为什么你的解决方法有效，方便以后遇到类似问题更快排查：

问题核心 #

你的表单使用了remote: true开启了AJAX异步提交，但reasons_controller#create的失败分支一开始没有处理AJAX请求的响应逻辑，导致验证错误无法展示：

• 当你用redirect_to :back时，AJAX请求会收到重定向指令，但不会刷新当前页面，页面上的表单还是初始状态，无法获取到@reason的错误信息；
• 后来换成render，但AJAX请求默认会期望JS格式的响应（对应create.js.erb模板），你没有编写对应的JS逻辑更新页面，所以错误依然无法显示。

你的解决方案为什么有效？ #

你采用的「将包含表单的代码移至局部视图，保存失败后渲染该局部视图」是处理AJAX表单验证错误的标准做法，具体逻辑可以拆解为：

1. 表单抽离为局部视图：把带错误提示的表单封装成独立的局部文件（比如items/_reason_form.html.erb），这样无论成功还是失败，都能复用这段代码；
2. 控制器处理AJAX响应：在create动作的失败分支添加format.js，告诉服务器返回JS响应；
3. JS模板更新页面：通过create.js.erb模板，用包含错误信息的新表单替换页面上原来的表单容器，让用户能看到验证错误。

补充优化细节 #

如果需要让这个逻辑更清晰，你可以完善以下几点：

• 给表单在外层加一个容器，便于JS定位替换：

<!-- items/show.html.erb -->
<div id="reason-form-container">
  <%= render 'reason_form', item: @item, reason: @reason %>
</div>

• 编写对应的create.js.erb模板，处理成功和失败场景：

<% if @reason.errors.any? %>
  <!-- 失败时替换表单为带错误的版本 -->
  $('#reason-form-container').html("<%= j render 'items/reason_form', item: @item, reason: @reason %>");
<% else %>
  <!-- 成功时清空表单，并添加新的reason到列表 -->
  $('#reason-form-container').html("<%= j render 'items/reason_form', item: @item, reason: Reason.new %>");
  $('#reasons-list').append("<%= j render 'reasons/reason', reason: @reason %>");
<% end %>

这里的j是escape_javascript的简写，用来转义HTML内容，避免JS语法错误。

复盘：为什么之前的尝试无效？ #

• redirect_to :back：AJAX请求的重定向不会触发页面刷新，页面上的DOM还是原来的状态，错误信息无法传递过来；
• 直接render无JS模板：AJAX请求期望JS响应，找不到对应模板时会返回错误，页面不会有任何更新。

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