カスタム検証マークアップ（3）

Question

私は

<div class="input-container"> 
    <label>Topic Title</label> 
    <div class="input-holder"> 
    <input type="text" /> 
    </div> 
</div> 

<div class="textarea-container"> 
    <label>Post</label> 
    <div class="textarea-holder"> 
    <textarea></textarea> 
    </div> 
</div> 

無効なフィールドがマークアップのすべての私のフォーム要素のために次のマークアップを達成しようとしている：

<div class="input-container alert"> 
    <label>Topic Title</label> 
    <div class="input-holder"> 
    <input type="text" /> 
    </div> 
</div> 
<div class="textarea-container alert"> 
    <label>Post</label> 
    <div class="textarea-holder"> 
    <textarea></textarea> 
    </div> 
</div> 

は、ここに私の現在のですHAMLマークアップ：

.input-container 
    = f.label :title, 'Topic Title' 
    .input-holder 
    = f.text_field :title 
.textarea-container 
    = f.label :body, 'Post' 
    .textarea-holder 
    = f.text_area(:body, :size => "60x10") 

今、私は自分のフォームのフィールドがinvaliある場合にアラートクラスを持つように、コンテナのdivをしたい場合は、私がする必要があるだろうかd？

Answer 1

私は同じことをしたいと思いますが、残念ながらそれを処理するためのきれいな方法を見つけられませんでした。

ActionView :: Base.field_error_procをオーバーライドすることはできますが、それは囲み要素では役に立ちません。

各フィールドのエラー（ 'post.errors [' body '] .nil？'）をチェックし、条件付きでアラートクラスを出力することで手動で行うことができます。

次のステップは、ロジックをビューヘルパーに抽出し、その後にさらに抽象化することができます。

しかし、もっと自動化されたRails-yの方法でこれを行うのはまだ素晴らしいことです。

Answer 2

それは個々の無効なフィールドをハイライトボックスのサポートのうちformtasticまたはsimple_form宝石のいずれかを使用するのが最適かもしれません。

ほとんどの場合、フィールドやそのコンテナのCSSクラスを変更することでこれを行うことができます。これは、スタイルシートでも使用できます。