首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >可以将“带错误的字段”附加到引发错误的输入标记的父标记上吗?

可以将“带错误的字段”附加到引发错误的输入标记的父标记上吗?
EN

Stack Overflow用户
提问于 2013-03-26 09:31:34
回答 1查看 614关注 0票数 5

所以我有一个像这样的input元素。包装元素是关于,你知道的,视觉上的东西。

代码语言:javascript
复制
<div class="input-wrap">
  <input class="blah-blah" />
</div>

<input>包含错误时,它将如下所示:

代码语言:javascript
复制
<div class="input-wrap">
  <div class="field-with-errors">
    <input class="blah-blah" />
  </div>
</div>

但我想做的是:

代码语言:javascript
复制
<div class="input-wrap field-with-errors">
  <input class="blah-blah" />
</div>

我找到了这个页面,它非常接近我的问题

Rails 3: "field-with-errors" wrapper changes the page appearance. How to avoid this?

现在我知道我可以扔了

代码语言:javascript
复制
config.action_view.field_error_proc = Proc.new { |html_tag, instance| 
   "#{html_tag}".html_safe
}

以避免在带有错误的<input>标记周围生成环绕标记。但我真正想要做的是,在<input>标记的直接父标记上添加“带错误的字段”类。我可以这样做吗?ActionView是否拥有DOM节点的树形结构?

EN

回答 1

Stack Overflow用户

发布于 2013-03-26 11:08:08

您可以将处理错误的代码放在您喜欢的任何位置,只需将其作为实例变量上的块调用即可,例如

代码语言:javascript
复制
if @instance.errors.any?
  <div class="field with errors">
  @instance.errors.full_messages.each do |msg|
    <p><%= msg %></p>
  end
end

如果您经常使用它,最好把它拉到一个帮助器中,并将实例变量作为参数传递。

票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15627809

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档