Html Rails将div添加到通过验证的表单字段中，如；字段“U有错误”；失败时除名

我想将样式应用于成功验证的字段以及失败的字段

我正在使用带有错误的字段\udiv，它应用于验证失败的表单元素周围。我想扩展此行为，以便在成功验证的字段周围应用字段而不出现错误样式化div

例如，当输入rails验证字段时，渲染视图返回如下所示：

<div class="field_with_errors"><input class="input" size="30" type="text" value="" name="seller_profile[business_phone_number]" id="seller_profile_business_phone_number"></div>

 <div class="field_without_errors"><input class="input" size="30" type="text" value="" name="seller_profile[business_description]" id="seller_profile_business_description"></div>

最初的雇员再培训局代码是：

<div class="row">
        <label for="telephone">Company telephone</label>
        <br />
       <%=f.text_field :business_phone_number, :class=>"input", size:"30" %>
        <div class="errors">
        <%if @profile.errors[:business_phone_number].any? %>
        Phone number <%= @profile.errors[:business_phone_number].join(", ")%>
        <% end %>
        </div>
        <br />
      </div>

公司电话


“输入”，大小：“30”%>
电话号码

这很有效。但是，对于已通过验证的字段，它们不会包装在声明已通过验证的div中

我希望通过验证的字段如下所示：

<div class="field_with_errors"><input class="input" size="30" type="text" value="" name="seller_profile[business_phone_number]" id="seller_profile_business_phone_number"></div>

 <div class="field_without_errors"><input class="input" size="30" type="text" value="" name="seller_profile[business_description]" id="seller_profile_business_description"></div>

---

也就是说，它们被包装在一个div中，其中包含一个类“field\u without\u errors”。我有没有办法在rails中添加这种行为？

我只想用css来实现这一点：确保如果你为一个已经过验证测试的对象呈现一个表单，你可以向表单中添加一个类，比如“validated”。Rails可能已经做到了这一点

---

然后，您可以为该类中未通过验证的表单中的字段添加样式规则（即使用rails添加的error类）（或者只使用rails自己的默认规则），在没有错误类的情况下覆盖这些输入规则：这些规则将应用于没有失败的输入。

我只想用css做这件事：确保如果你为一个已经过验证测试的对象呈现一个表单，你可以向表单中添加一个类，比如“validated”。Rails可能已经做到了这一点

---

然后，您可以为该类中未通过验证的表单中的字段添加样式规则（即使用rails添加的error类）（或者只使用rails自己的默认规则），并在没有错误类的情况下覆盖这些输入规则：这些规则将应用于未失败的输入。

定义简单的可能重复。您必须找到一种方法来区分已成功验证的字段和尚未验证的字段。您可能需要重写form builder类来以不同的方式处理成功验证的字段。请在您的问题中添加一个表单的html呈现示例，该表单混合了有效和无效输入。如果rails添加的表单周围有一个div，带有错误类或其他内容，请确保包含该div。更新问题…可能与Define simple重复。您必须找到一种方法来区分已成功验证的字段和尚未验证的字段。您可能需要重写form builder类来以不同的方式处理成功验证的字段。请在您的问题中添加一个表单的html呈现示例，该表单混合了有效和无效输入。如果rails添加的表单周围有一个div，带有错误类或其他内容，请确保包含该div。更新问题…这里的重点是Max，rails没有正确标记已验证的字段。当然，CSS是从样式的角度给出的答案——但这不是问题所在。问题是如何让rails在通过验证的字段周围添加带有类的标记。不，问题是如何“应用样式”，标题只是“突出显示”。将样式应用于元素并不一定要求该元素具有特定的类，因为规则相互覆盖。如果您希望问题是关于如何添加类，那么将问题更改为询问如何添加类，而不是询问如何设置元素的样式。它们不是同一件事。这里的重点是Max，rails没有正确标记已验证的字段。当然，CSS是从样式的角度给出的答案——但这不是问题所在。问题是如何让rails在通过验证的字段周围添加带有类的标记。不，问题是如何“应用样式”，标题只是“突出显示”。将样式应用于元素并不一定要求该元素具有特定的类，因为规则相互覆盖。如果您希望问题是关于如何添加类，那么将问题更改为询问如何添加类，而不是询问如何设置元素的样式。它们不是一回事。